Genera las vistas estáticas navegables del producto (landing, auth, app, legales, errores y las propias del mapa de pantallas) usando el design system de design/, sin lógica de backend. Úsalo en el paso "prototipar" del sprint de definición o cuando haya que maquetar vistas nuevas (p. ej. "haz el prototipo", "maqueta las vistas", "crea la landing estática").
中文简介正在准备中。当前显示原文说明。
实测评分 未实测
查看安装方法安装前可以查看交给 AI 代理的指令内容。
Construye vistas estáticas clicables — validan flujo y diseño antes de escribir lógica, y luego se conectan (no se tiran).
Lee design/README.md + design/tokens.css (sistema y tokens), el mapa de vistas en
docs/architecture/screens.md y el README.md del proyecto.
Si no hay mapa de pantallas, constrúyelo primero con la persona. Al terminar, marca en
ese mapa las vistas que pasen a estado prototipo.
Parte del catálogo estándar y márcalo contra el mapa:
Confirma con la persona cuáles entran en el prototipo (default: todas las del recorrido crítico + landing + legales).
Sobre los tokens, no sobre una librería. No hay vistas de ejemplo versionadas a
proposito: envejecen y acaban contradiciendo al design system. Se construye con
design/tokens.css y primitivas HTML nativas (<dialog>, <details>, popover),
que traen foco, teclado y Escape resueltos.
tokens.css.design/README.md
(unDraw, Unsplash, DiceBear…) — optimizadas y con alt.prefers-color-scheme + data-theme="dark") y textos para es/en
(sin hardcodear cadenas si el preset ya tiene i18n).Recorre el prototipo contra el recorrido crítico de la definición y lista lo que chirría (pasos de más, información faltante). Cierra con: vistas creadas, decisiones de diseño tomadas, y qué vista conectar primero cuando empiece la implementación.
Si el plugin Impeccable está disponible, pasa /impeccable audit sobre las
vistas generadas antes de darlas por listas (ver design/README.md → Herramientas
de diseño con IA).
NO añadas lógica de negocio, ni JS más allá de navegación/toggles triviales, ni inventes vistas fuera del mapa sin proponerlas antes.
还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Revisa los cambios de UI en cuanto a accesibilidad — contraste de color, navegación por teclado, gestión del foco, uso de ARIA y texto alternativo. Úsalo cuando la persona pida una revisión de a11y/accesibilidad, verificar el cumplimiento de WCAG, el soporte de teclado, la compatibilidad con lectores de pantalla o el manejo del foco (p. ej. "¿es accesible este modal?", "audita la a11y del formulario").
中文简介正在准备中。当前显示原文说明。
Trae a este proyecto las mejoras que la plantilla de origen recibió después de la instanciación — lee .template-origin, calcula el diff del tooling (skills, hooks, scripts, workflows) contra la plantilla actual y propone aplicarlo. Úsalo cuando la persona quiera actualizar/sincronizar el proyecto con la plantilla (p. ej. "actualiza la plantilla", "trae las mejoras nuevas del template").
中文简介正在准备中。当前显示原文说明。
Actualiza CHANGELOG.md en el formato Keep a Changelog, añadiendo los cambios actuales bajo la sección Unreleased. Úsalo cuando la persona pida actualizar el changelog, añadir una entrada al changelog o registrar lo que cambió para las notas de la versión (p. ej. "añade esto al changelog", "actualiza el CHANGELOG con estos commits").
中文简介正在准备中。当前显示原文说明。
Escribe un mensaje de Conventional Commits para los cambios en stage y crea el commit, incluyendo la línea de coautoría de atribución de IA. Úsalo cuando la persona pida hacer commit, escribir un mensaje de commit o guardar cambios (p. ej. "haz commit de esto", "escribe un mensaje de commit para estos cambios"). No hace push.
中文简介正在准备中。当前显示原文说明。
Configura el repositorio de GitHub de punta a punta con gh — descripción, topics, labels, rama develop, protección de ramas, merge settings y metadatos — a partir de la definición del producto. Úsalo al crear el repo de un proyecto nuevo o cuando haya que poner en orden uno existente (p. ej. "configura el repo", "prepara el repositorio en GitHub", "pon los labels y la protección de ramas").
中文简介正在准备中。当前显示原文说明。
Revisa o produce textos visibles para la persona usuaria (texto de UI, encabezados, botones, mensajes de error, marketing) con la voz y el tono del proyecto. Úsalo cuando la persona pida escribir/mejorar textos, corregir la redacción, revisar el tono o redactar microcopy (p. ej. "escribe el texto del estado vacío", "haz este mensaje de error más amable", "revisa el titular de la landing").
中文简介正在准备中。当前显示原文说明。