Agent Skills: tailwind-v4-shadcn

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Prevents 8 documented errors. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors, @theme inline dark mode conflicts, @apply breaking, v3 migration issues.

UncategorizedID: ederheisler/agent-skills/tailwind-v4-shadcn

Install this agent skill to your local

pnpm dlx add-skill https://github.com/ederheisler/agent-skills/tailwind-v4-shadcn

Skill Files

Browse the full folder contents for tailwind-v4-shadcn.

Download Skill

Loading file tree…

Select a file to preview its contents.