Skill: Prototipado e Investigación
Guía el trabajo a través del nivel de fidelidad adecuado con validación.
Pasos
- Lee
workflows/prototipado.md(escalera de 5 niveles de fidelidad, plantilla de mapa de recorrido del usuario, guión de pruebas de usabilidad, datos de ejemplo). - Identifica la necesidad actual y elige el nivel de menor fidelidad que la responda — nunca saltes niveles:
- Contenido primero (necesidades de información) → Wireframe (diseño/navegación) → Baja fidelidad (finalización de tareas) → Alta fidelidad (visual/accesibilidad) → Código (viabilidad/rendimiento).
- Para flujos: produce un mapa de recorrido del usuario con puntos de decisión, rutas de error y casos límite.
- Para validación: define la prueba de usabilidad (tareas, criterios de éxito, regla de 5 usuarios) usando el guión.
- Los pasos de alta fidelidad/código usan tokens (
tokens/*), componentes (components/*), estilo (taste/*) y accesibilidad (accessibility/*).
Resultado
El artefacto en la fidelidad elegida + un plan explícito de "qué validamos a continuación".
Verificación (antes de declarar como terminado)
- La fidelidad coincide con la pregunta que se responde — ningún nivel se ha saltado.
- Los flujos incluyen puntos de decisión, rutas de error y casos límite (vacío/carga/desbordamiento), no solo el camino feliz.
- Se nombra un paso de validación concreto (tareas + criterios de éxito), no "probar después".
- Los artefactos de alta fidelidad/código cumplen el mismo estándar de tokens y accesibilidad que
design-code(sin valores hardcodeados, contraste, estados).