shadcn-setup

SKILL.md

Sets up shadcn/ui with proper Tailwind CSS v4 configuration. This skill ensures you get the modern CSS-first setup, not the deprecated v3 approach.

IMPORTANT: shadcn/ui CLI and AI assistants often generate Tailwind v3 configs by default. This skill ensures:

| default | shadcn default (neutral grays) | | zinc | Zinc-based neutral | | slate | Slate-based cool neutral | | stone | Stone-based warm neutral | | gray | Pure gray | | neutral | True neutral | | red | Red primary | | rose | Rose primary | | orange | Orange primary | | green | Green primary | | blue | Blue primary | | yellow | Yellow primary |

Configure la biblioteca de componentes shadcn/ui con la configuración Tailwind CSS v4. Maneja la instalación, inicialización, configuración de temas y configuración de componentes comunes. Úselo al iniciar un nuevo proyecto Next.js/React que necesite una biblioteca de componentes. Fuente: shipshitdev/library.

Ver original