COREEB — SKILL

DIRECTIVA SUPREMA

• Frontend: Next.js (App Router).
• Arquitectura: Estructura modular organizada en 4 niveles (Routing, Modules, Global UI, Infrastructure).
• ORM: Prisma + PostgreSQL (cuando aplique).
• Entorno local: Next.js local (next dev) and Docker para servicios.
• UI: Librería coreeb exclusivamente.
• Paquetes: pnpm.
• Verificación de Dependencias Previa: Antes de comenzar a escribir cualquier archivo de código, el agente DEBE revisar el archivo package.json de la raíz. Si no están presentes las dependencias obligatorias (coreeb, sonner, tw-animate-css, axios), el agente debe proceder a instalarlas automáticamente mediante pnpm antes de realizar otra tarea.
• Estilo de Páginas Obligatorio: Cada página, vista, formulario y sub-componente frontend generado DEBE seguir y heredar rigurosamente el sistema de diseño, la maquetación, los iconos y la estética unificada de la librería coreeb de forma obligatoria.

[!IMPORTANT] GUÍA DE ESTILOS GLOBALES (coreeb UI Base): Para proyectos desde cero, el agente debe generar una base de CSS limpia y bien documentada en globals.css (por ejemplo, implementando clases de scrollbar personalizadas como .custom-scrollbar para las tablas, resets de diseño compatibles o utilidades específicas) para que sirva de guía y ejemplo a los desarrolladores. Sin embargo, toda esta base y cualquier estilo creado debe estar en estricta sincronía con la librería coreeb, heredando y respetando siempre sus tokens, variables, inputs y estructura para que actúe como una extensión natural del sistema de diseño oficial, y nunca como estilos conflictivos.