Lista de comprobación

Esta lista resume la capa de agente: el entregable, los pasos para montarla, una primera prueba y los criterios para darla por terminada. Revísala cada vez que cambies las reglas del sistema.

En esta página

• El entregable
• Pasos
• Una primera prueba
• Criterios para darlo por terminado
• En resumen

El entregable

• AGENTS.md, con las reglas que valen siempre y el mapa de docs/, y CLAUDE.md que lo importa.
• Las skills build-ui y review-ui en .claude/skills/.
• Los servidores MCP de Figma y, si lo usas, de Storybook, conectados.
• Si tu plan lo permite, el sistema publicado en Claude y un Project para el equipo.

Pasos

1. Escribe AGENTS.md con la plantilla, adaptada a tu sistema.
2. Crea CLAUDE.md con @AGENTS.md y lo propio de Claude Code.
3. Crea las skills de crear y revisar interfaces (Skills).
4. Conecta el servidor MCP de Figma con el plugin y el de Storybook en el ámbito de proyecto (Servidores MCP).
5. Si tu plan lo permite, crea el sistema en Claude con /design-sync y publícalo (Claude Design).
6. Si el equipo lo necesita, crea un Project con los documentos del sistema (Projects de Claude).

Una primera prueba

Pide a Claude Code una de las pantallas de tu piloto, sin más contexto:

Crea la pantalla de inicio de sesión de la aplicación.

Mira qué hace: si abre docs/patterns/, si usa los componentes del sistema, si usa tokens y no valores. Lo que falle indica qué falta en AGENTS.md o en la skill. El capítulo 7 convierte esta prueba en un método.

Criterios para darlo por terminado

• AGENTS.md tiene menos de 200 líneas y enlaza a docs/ en lugar de copiarla.
• /build-ui y /review-ui aparecen como skills en Claude Code.
• /mcp muestra Figma conectado y, si lo usas, Storybook.
• La pantalla de prueba usa el patrón documentado.

Fuentes

Esta lista resume las páginas del capítulo. Las fuentes están en cada una de ellas.