·tailwind-v4-shadcn
</>

tailwind-v4-shadcn

Configura Tailwind v4 con shadcn/ui utilizzando il pattern in linea @theme e l'architettura delle variabili CSS. Modello obbligatorio in quattro passaggi: definizione delle variabili CSS alla radice, mappatura alle utilità Tailwind, applicazione degli stili di base, attivazione della modalità oscura automatica. Da utilizzare quando: si inizializzano progetti React con Tailwind v4, si imposta la modalità oscura shadcn/ui o si correggono colori che non funzionano, temi non applicati, variabili CSS interrotte, errori tw-animate-css o migrazione da v3.

63Installazioni·0Tendenza·@ovachiever

Installazione

$npx skills add https://github.com/ovachiever/droid-tings --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/ovachiever/droid-tings --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: ovachiever/droid-tings.

Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-11-09 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!

Configura Tailwind v4 con shadcn/ui utilizzando il pattern in linea @theme e l'architettura delle variabili CSS. Modello obbligatorio in quattro passaggi: definizione delle variabili CSS alla radice, mappatura alle utilità Tailwind, applicazione degli stili di base, attivazione della modalità oscura automatica. Da utilizzare quando: si inizializzano progetti React con Tailwind v4, si imposta la modalità oscura shadcn/ui o si correggono colori che non funzionano, temi non applicati, variabili CSS interrotte, errori tw-animate-css o migrazione da v3. Fonte: ovachiever/droid-tings.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

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

Browse more skills from ovachiever/droid-tings

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 obbligatorio in quattro passaggi: definizione delle variabili CSS alla radice, mappatura alle utilità Tailwind, applicazione degli stili di base, attivazione della modalità oscura automatica. Da utilizzare quando: si inizializzano progetti React con Tailwind v4, si imposta la modalità oscura shadcn/ui o si correggono colori che non funzionano, temi non applicati, variabili CSS interrotte, errori tw-animate-css o migrazione da v3. Fonte: ovachiever/droid-tings.

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/ovachiever/droid-tings --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/ovachiever/droid-tings