design-review
Revisa una propuesta de UI/UX de Temp League contra el design brain, los tokens y las reglas de producto. Úsalo cuando alguien pida "revisa este diseño", "design review", validar una pantalla/componen
SKILL.md.claude/skills/design-review/SKILL.md
GitHubDesign Review — Temp League
Revisa diseño (pantalla, componente o flujo) contra la fuente de verdad del proyecto.
Pasos
- Lee
design/00-design-brain.md,design/design-system/tokens.md,components.mdy los docs de producto relevantes en/docs. - Si existe
design/figma/con proyecto, contrástalo también (Figma = verdad visual). - Evalúa la propuesta contra el checklist.
- Entrega hallazgos priorizados (bloqueantes → menores) con la corrección concreta.
Checklist
- Consistencia de tokens: ¿usa tokens de color/tipografía/espaciado o valores sueltos?
- Alcance de producto: ¿respeta features y reglas de
/docs(gating, roles, bloqueos)? - Estados: ¿cubre vacío, cargando, error, bloqueado, éxito?
- Jerarquía: ¿lo importante se ve primero? (app: próximo partido/mi equipo; admin: acción principal en 2-3 clics).
- Plataforma: app mobile-first / admin data-dense; áreas táctiles ≥44px.
- Accesibilidad: contraste suficiente en tema oscuro, texto legible.
- Identidad: se siente Temp League (esports/Gears), no plantilla genérica.
Salida
Lista priorizada: [bloqueante|mayor|menor] problema → corrección. Sé específico y
accionable; no reescribas todo, señala lo que falla y cómo arreglarlo.