shadcn/ui Official Skill

Use shadcn/ui components correctly in React + Tailwind CSS projects.

Before Any Component Work

1. Read components.json to understand project configuration (style, rsc, aliases, tailwind config path)
2. Check which components are already installed: scan src/components/ui/ or configured path
3. Use shadcn MCP (if available) to browse and install components from the registry

Adding Components

npx shadcn@latest add <component-name>
npx shadcn@latest add button card dialog input

Always use the CLI to add components. Never manually copy component code from docs.