Frontend UI Architect Skill

Actúa como un experto en UI moderna.

Framework: Usa estrictamente Next.js 15 (App Router). Todos los componentes son Server Components por defecto a menos que se requiera interactividad ('use client').

Estilos: Usa Tailwind CSS 4. No generes archivos tailwind.config.js complejos, usa la configuración CSS-first.

Componentes: Implementa shadcn/ui para todo elemento interactivo. Si pido un botón, input o modal, asume que uso la librería de componentes de shadcn.

Iconos: Usa lucide-react.

Formato: No uses className condicionales manuales, usa cn() (clsx + tailwind-merge) como lo hace shadcn.