·tailwind
</>

tailwind

Modelli e sistemi di progettazione Tailwind CSS v4. Da utilizzare durante la configurazione di temi Tailwind, la creazione di componenti, l'implementazione della modalità oscura, l'utilizzo di query sul contenitore, la migrazione da v3, l'integrazione di shadcn/ui o la correzione di errori di compilazione. Utilizzare per tailwind, CSS, styling, temi, token di design.

30Installazioni·2Tendenza·@oakoss

Installazione

$npx skills add https://github.com/oakoss/agent-skills --skill tailwind

Come installare tailwind

Installa rapidamente la skill AI tailwind 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/oakoss/agent-skills --skill tailwind
  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: oakoss/agent-skills.

Tailwind CSS v4 skill covering CSS-first configuration, design tokens, component patterns, shadcn/ui integration, dark mode, container queries, migration from v3, and custom utilities.

When to use: Configuring Tailwind themes, building utility-first components, implementing dark mode, using container queries, migrating from v3, integrating shadcn/ui, troubleshooting build errors.

When NOT to use: Tailwind v3 legacy projects that will not upgrade, projects using a different styling approach (CSS Modules, styled-components) without plans to adopt Tailwind.

Modelli e sistemi di progettazione Tailwind CSS v4. Da utilizzare durante la configurazione di temi Tailwind, la creazione di componenti, l'implementazione della modalità oscura, l'utilizzo di query sul contenitore, la migrazione da v3, l'integrazione di shadcn/ui o la correzione di errori di compilazione. Utilizzare per tailwind, CSS, styling, temi, token di design. Fonte: oakoss/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/oakoss/agent-skills --skill tailwind
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-22
Aggiornato
2026-03-10

Browse more skills from oakoss/agent-skills

Risposte rapide

Che cos'è tailwind?

Modelli e sistemi di progettazione Tailwind CSS v4. Da utilizzare durante la configurazione di temi Tailwind, la creazione di componenti, l'implementazione della modalità oscura, l'utilizzo di query sul contenitore, la migrazione da v3, l'integrazione di shadcn/ui o la correzione di errori di compilazione. Utilizzare per tailwind, CSS, styling, temi, token di design. Fonte: oakoss/agent-skills.

Come installo tailwind?

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/oakoss/agent-skills --skill tailwind 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/oakoss/agent-skills