shadcn-ui

Add shadcn/ui components to a themed React project. This skill runs AFTER tailwind-theme-builder has set up CSS variables, ThemeProvider, and dark mode. It handles component installation, customisation, and combining components into working patterns.

Prerequisite: Theme infrastructure must exist (CSS variables, components.json, cn() utility). Use tailwind-theme-builder first if not set up.

Install components in dependency order. Foundation components first, then feature components:

Instale y configure componentes shadcn/ui para proyectos de React. Guía la selección de componentes, orden de instalación, gestión de dependencias, personalización con tokens semánticos y recetas de interfaz de usuario comunes (formularios, tablas de datos, navegación, modales). Úselo después de que tailwind-theme-builder haya configurado la infraestructura del tema, al agregar componentes, crear formularios, crear tablas de datos o configurar la navegación. Fuente: jezweb/claude-skills.