El enfoque de trabajo
Design Flow coordina las skills de diseño complementarias en una secuencia definida. Empieza con preguntas aclaratorias, registra un briefing, desarrolla arquitectura de información, establece tokens y convierte el briefing en tareas realizables. La implementación frontend sigue esa lista. Cada etapa tiene una salida explícita y una transición que confirma el diseñador.
El flujo permite reanudación. Los artefactos de cada función se guardan juntos en .design, para continuar desde la siguiente fase incompleta. La revisión de diseño es un paso separado que se solicita después de construir algo; terminar la secuencia no demuestra que haya pasado una revisión visual.
Entregables esperados
- Briefing, arquitectura de información y tokens específicos de la función según corresponda.
- Un checklist TASKS.md ordenado que guía la implementación frontend.
- Componentes y páginas construidos, con artefactos de planificación guardados para reanudar.
Del brief a la revisión
- 01Elegir las fases necesarias
Explica la secuencia completa e identifica etapas prescindibles. Tokens existentes o un alcance de un solo componente pueden eliminar trabajo innecesario.
- 02Aclarar y guardar la intención
Ejecuta por completo las skills complementarias pertinentes y conserva briefing y arquitectura en la misma carpeta funcional. Confirma cada fase antes de continuar.
- 03Convertir intención en implementación
Genera o amplía tokens, crea tareas y trabaja sus unidades de implementación. Marca tareas completadas con confirmación entre ellas.
- 04Revisar cuando se solicite
Ejecuta la skill separada design-review solo cuando exista una interfaz construida y se pida revisión. Guarda sus capturas y hallazgos junto con los demás artefactos de la función.