·tailwind-theme-builder
</>

tailwind-theme-builder

✓
jezweb/claude-skillsGitHub: jezweb/claude-skillsFonte: jezweb/claude-skills

Configura Tailwind v4 con l'interfaccia utente a tema shadcn/ui. Flusso di lavoro: installa le dipendenze, configura le variabili CSS con @theme inline, imposta la modalità oscura, verifica. Da utilizzare durante l'inizializzazione di progetti React con Tailwind v4, l'impostazione di temi shadcn/ui o la correzione di colori non funzionanti, errori tw-animate-css, conflitti in modalità oscura in linea @theme, interruzioni di @apply, problemi di migrazione v3.

jezweb·tailwind·theme·builder
714Installazioni·28Tendenza·@jezweb

Installazione

GitHub: jezweb/claude-skills
$npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder

Come installare tailwind-theme-builder

Installa rapidamente la skill AI tailwind-theme-builder nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: jezweb/claude-skills.

SKILL.md

Visualizza raw

Set up a fully themed Tailwind v4 + shadcn/ui project with dark mode. Produces configured CSS, theme provider, and working component library.

This exact order is required. Skipping steps breaks the theme.

Result: bg-background, text-primary etc. work automatically. Dark mode switches via .dark class — no dark: variants needed for semantic colours.

Configura Tailwind v4 con l'interfaccia utente a tema shadcn/ui. Flusso di lavoro: installa le dipendenze, configura le variabili CSS con @theme inline, imposta la modalità oscura, verifica. Da utilizzare durante l'inizializzazione di progetti React con Tailwind v4, l'impostazione di temi shadcn/ui o la correzione di colori non funzionanti, errori tw-animate-css, conflitti in modalità oscura in linea @theme, interruzioni di @apply, problemi di migrazione v3. Fonte: jezweb/claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder
Fonte
jezweb/claude-skills
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-18
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/jezweb/claude-skills/tailwind-theme-builder

Browse more skills from jezweb/claude-skills

Risposte rapide

Che cos'è tailwind-theme-builder?

Configura Tailwind v4 con l'interfaccia utente a tema shadcn/ui. Flusso di lavoro: installa le dipendenze, configura le variabili CSS con @theme inline, imposta la modalità oscura, verifica. Da utilizzare durante l'inizializzazione di progetti React con Tailwind v4, l'impostazione di temi shadcn/ui o la correzione di colori non funzionanti, errori tw-animate-css, conflitti in modalità oscura in linea @theme, interruzioni di @apply, problemi di migrazione v3. Fonte: jezweb/claude-skills.

Come installo tailwind-theme-builder?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/jezweb/claude-skills

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-18

Skills correlate

tailwind-v4-shadcn
2.7K Installazioni
tanstack-query
2.5K Installazioni
fastapi
2.0K Installazioni
zustand-state-management
1.2K Installazioni
react-hook-form-zod
1.2K Installazioni
tailwind-patterns
1.1K Installazioni