shadcn/ui Setup

Install and configure shadcn/ui with common components for your Next.js project.

For best results, run this prompt in plan mode.

Prompt

Set up shadcn/ui for this Next.js project.

Requirements:
1. Initialize shadcn/ui using: npx shadcn@latest init --defaults --base-color neutral -y
2. Install these commonly used components:
   - button
   - card
   - input
   - label
   - dialog
   - dropdown-menu
   - select
   - sonner
   - separator
   - badge
3. Create CLAUDE.md in the project root if it doesn't exist, and add a "UI Components" section containing concise instructions:
   - Always use shadcn/ui components when available instead of building custom components
   - Command to add new components: npx shadcn@latest add <component>
   - Components are located in src/components/ui and can be customized as needed
   - Always use Tailwind CSS utility classes for styling, avoid custom CSS