domains / families / design / tailwind-theme-builder

tailwind-theme-builder

separate

Set up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever the user mentions Tailwind v4, setting up Tailwind theming, shadcn/ui colours, dark mode, or troubleshooting colours not working, tw-animate-css errors, @theme inline conflicts, @apply breaking after upgrade, or v3 → v4 migration issues.

When to use

• Setting up Tailwind v4 theming
• Configuring shadcn/ui colours
• Wiring dark mode toggle
• Troubleshooting colours not working
• Fixing tw-animate-css errors
• Resolving @theme inline conflicts
• Fixing @apply breaking after upgrade
• v3 to v4 migration issues

Skill page

Source