·tailwind-v4-shadcn
</>

tailwind-v4-shadcn

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

Configura Tailwind v4 con shadcn/ui utilizzando il pattern in linea @theme e l'architettura delle variabili CSS. Modello in quattro passaggi: variabili CSS, mappatura Tailwind, stili di base, modalità oscura automatica. Previene 8 errori documentati. Da utilizzare durante l'inizializzazione di progetti React con Tailwind v4 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·v4·shadcn
2.7KInstallazioni·1Tendenza·@jezweb

Installazione

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

Come installare tailwind-v4-shadcn

Installa rapidamente la skill AI tailwind-v4-shadcn 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-v4-shadcn
  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

Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2026-01-20 Versions: tailwindcss@4.1.18, @tailwindcss/vite@4.1.18 Status: Production Ready ✅

Critical: Define at root level (NOT inside @layer base). Use hsl() wrapper.

Why: Generates utility classes (bg-background, text-primary). Without this, utilities won't exist.

Configura Tailwind v4 con shadcn/ui utilizzando il pattern in linea @theme e l'architettura delle variabili CSS. Modello in quattro passaggi: variabili CSS, mappatura Tailwind, stili di base, modalità oscura automatica. Previene 8 errori documentati. Da utilizzare durante l'inizializzazione di progetti React con Tailwind v4 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-v4-shadcn
Fonte
jezweb/claude-skills
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/jezweb/claude-skills/tailwind-v4-shadcn

Browse more skills from jezweb/claude-skills

Risposte rapide

Che cos'è tailwind-v4-shadcn?

Configura Tailwind v4 con shadcn/ui utilizzando il pattern in linea @theme e l'architettura delle variabili CSS. Modello in quattro passaggi: variabili CSS, mappatura Tailwind, stili di base, modalità oscura automatica. Previene 8 errori documentati. Da utilizzare durante l'inizializzazione di progetti React con Tailwind v4 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-v4-shadcn?

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-v4-shadcn 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-01

Skills correlate

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
nextjs
1.0K Installazioni