skills.homes logoskills.homescapability registry
home/categories/frontend/jezweb-claude-skills-plugins-frontend-skills-tailwind-theme-builder-skill-md
cd ..
frontenddevelopment

tailwind-theme-builder

Set up Tailwind v4 with shadcn/ui themed UI. Workflow: install dependencies, configure CSS variables with @theme inline, set up dark mode, verify. Use when initialising React projects with Tailwind v4, setting up shadcn/ui theming, or fixing colors not working, tw-animate-css errors, @theme inline dark mode conflicts, @apply breaking, v3 migration issues.

View Sourcefrontend
jezweb
maintainer
jezweb
Updated 3/28/2026
Stars
710
Forks
57
quick start

Installation and usage

Set up Tailwind v4 with shadcn/ui themed UI. Workflow: install dependencies, configure CSS variables with @theme inline, set up dark mode, verify. Use when initialising React projects with Tailwind v4, setting up shadcn/ui theming, or fixing colors not working, tw-animate-css errors, @theme inline dark mode conflicts, @apply breaking, v3 migration issues.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use tailwind-theme-builder