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.

Ver código-fontefrontend
jezweb
maintainer
jezweb
Atualizado 3/28/2026
Estrelas
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.

Instalação
$ install --globalskills.sh
Uso

Depois de instalar, você pode usar esta skill executando o seguinte comando no terminal:

skills use tailwind-theme-builder