tailwind-v4-shadcn

To set up Tailwind CSS v4 with shadcn/ui, use this Skill to install dependencies and configure a four-step CSS variable architecture. It handles Vite plugin configuration and theming to establish a production-ready React UI foundation.

Yes, Tailwind v4 supports dark mode with shadcn/ui by implementing a CSS variable architecture. This Skill configures the correct CSS variable mapping and @theme inline usage to ensure theme switching works properly.

Your shadcn/ui theme breaks after migrating to Tailwind v4 due to incorrect CSS variable mapping and missing @theme inline directives. This Skill enforces the correct four-step architecture to prevent these documented errors.

The correct CSS variable architecture for Tailwind v4 and shadcn/ui involves a four-step process mapping theme variables using @theme inline. This approach prevents configuration errors and ensures robust dark mode support.

Yes, you can use Vite to configure Tailwind v4 and shadcn/ui without errors by applying the correct Vite plugin configuration. This Skill guides you through the setup and prevents 8 documented configuration errors.