·tailwind-v4-shadcn
</>

tailwind-v4-shadcn

Configurazione testata in produzione per Tailwind CSS v4 con shadcn/ui, Vite e React. Utilizzare quando: inizializzare progetti React con Tailwind v4, configurare shadcn/ui, implementazione della modalità oscura, debug dei problemi delle variabili CSS, correzione del cambio di tema, migrazione da Tailwind v3 o riscontro di problemi relativi a colori/temi. Copertine: pattern in linea @theme, architettura variabile CSS, modalità oscura con ThemeProvider, composizione dei componenti, configurazione di vite.config, trucchi comuni della v4, e modelli testati in produzione. Parole chiave: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, modalità oscura, Variabili CSS, wrapper hsl(), componenti.json, temi React, cambio tema, colori non funzionanti, variabili interrotte, tema non applicabile, direttiva @plugin, plugin di tipografia, plugin di moduli, lezione di prosa, @tailwindcss/typography, @tailwindcss/forms

34Installazioni·2Tendenza·@jackspace

Installazione

$npx skills add https://github.com/jackspace/claudeskillz --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/jackspace/claudeskillz --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: jackspace/claudeskillz.

Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-10-29 Status: Production Ready ✅

CRITICAL FOR AI AGENTS: If you're Claude Code helping a user set up Tailwind v4:

USER ACTION REQUIRED: Tell Claude to check this skill first!

Configurazione testata in produzione per Tailwind CSS v4 con shadcn/ui, Vite e React. Utilizzare quando: inizializzare progetti React con Tailwind v4, configurare shadcn/ui, implementazione della modalità oscura, debug dei problemi delle variabili CSS, correzione del cambio di tema, migrazione da Tailwind v3 o riscontro di problemi relativi a colori/temi. Copertine: pattern in linea @theme, architettura variabile CSS, modalità oscura con ThemeProvider, composizione dei componenti, configurazione di vite.config, trucchi comuni della v4, e modelli testati in produzione. Parole chiave: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, modalità oscura, Variabili CSS, wrapper hsl(), componenti.json, temi React, cambio tema, colori non funzionanti, variabili interrotte, tema non applicabile, direttiva @plugin, plugin di tipografia, plugin di moduli, lezione di prosa, @tailwindcss/typography, @tailwindcss/forms Fonte: jackspace/claudeskillz.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from jackspace/claudeskillz

Risposte rapide

Che cos'è tailwind-v4-shadcn?

Configurazione testata in produzione per Tailwind CSS v4 con shadcn/ui, Vite e React. Utilizzare quando: inizializzare progetti React con Tailwind v4, configurare shadcn/ui, implementazione della modalità oscura, debug dei problemi delle variabili CSS, correzione del cambio di tema, migrazione da Tailwind v3 o riscontro di problemi relativi a colori/temi. Copertine: pattern in linea @theme, architettura variabile CSS, modalità oscura con ThemeProvider, composizione dei componenti, configurazione di vite.config, trucchi comuni della v4, e modelli testati in produzione. Parole chiave: Tailwind v4, shadcn/ui, @tailwindcss/vite, @theme inline, modalità oscura, Variabili CSS, wrapper hsl(), componenti.json, temi React, cambio tema, colori non funzionanti, variabili interrotte, tema non applicabile, direttiva @plugin, plugin di tipografia, plugin di moduli, lezione di prosa, @tailwindcss/typography, @tailwindcss/forms Fonte: jackspace/claudeskillz.

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/jackspace/claudeskillz --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/jackspace/claudeskillz