tailwind-v4-shadcn

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.Use when: initializing React projects with Tailwind v4, setting up shadcn/ui,implementing dark mode, debugging CSS variable issues, fixing theme switching,migrating from Tailwind v3, or encountering color/theming problems.Covers: @theme inline pattern, CSS variable architecture, dark mode withThemeProvider, component composition, vite.config setup, common v4 gotchas,and production-tested patterns.Keywords: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, dark mode,CSS variables, hsl() wrapper, components.json, React theming, theme switching,colors not working, variables broken, theme not applying, @plugin directive,typography plugin, forms plugin, prose class, @tailwindcss/typography,@tailwindcss/forms

// tip: Run this command in your terminal to install the skill