world-cup-album-op

Genera interfaces gráficas (componentes React/HTML, mockups, fragmentos CSS/Tailwind) siguiendo al 100% el Brand Guideline de Omnicom Production (OP Mode — dark). Usa esta skill SIEMPRE que el usuario pida: crear o diseñar un componente, una pantalla, un layout, una card, un modal, un badge, un botón, una tabla, un formulario, o cualquier elemento visual. También úsala cuando el usuario mencione "brand guideline", "tokens", "modo OP", "nuestros estilos", "OP style", "Omnicom Production UI", o pida que algo "siga los lineamientos visuales", "respete los tokens" o "use nuestros colores". NUNCA hardcodees colores, tamaños ni tiempos sin referenciar los tokens de esta skill. Cita el token fuente en un comentario inline en cada valor visual que uses.

Repository Pattern for data abstraction in Next.js 15 + Supabase. Trigger: When reading or writing data in any domain — always use a repository, never import DB clients directly in components, hooks, or Server Actions.