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").
インストールする前に、エージェントに与えられる指示の中身を確認できます。
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").
日本語の概要は準備中です。原文の説明を表示しています。