tailwind-v4-shadcn - Set up Tailwind v4 with shadcn/ui Production Stack
Configure Tailwind v4 with shadcn/ui using CSS variables and automated dark mode setup
Tags
Updated: 2026-02-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Install dependencies
- Configure CSS variables
- Map Tailwind utilities
- Set up dark mode
- Fix common errors
Inputs
- React project
- Tailwind v4 setup
- shadcn/ui configuration
Outputs
- Configured CSS files
- Working Tailwind v4 setup
- Fixed shadcn/ui integration
Requirements
- Node.js environment
- pnpm package manager
- Vite build tool
- React project