·tailwind-best-practices
</>

tailwind-best-practices

Modelli e convenzioni CSS Tailwind. Da utilizzare durante la scrittura di progetti reattivi, l'implementazione della modalità oscura, la creazione di stili di componenti riutilizzabili o la configurazione di Tailwind. Trigger su attività che coinvolgono classi Tailwind, design reattivo, modalità oscura o stile CSS.

73Installazioni·0Tendenza·@asyrafhussin

Installazione

$npx skills add https://github.com/asyrafhussin/agent-skills --skill tailwind-best-practices

Come installare tailwind-best-practices

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

Comprehensive patterns for building consistent, maintainable interfaces with Tailwind CSS v4. Contains 26+ rules covering responsive design, dark mode, component patterns, and configuration best practices.

| 1 | Responsive Design | CRITICAL | resp- | | 2 | Dark Mode | CRITICAL | dark- | | 3 | Component Patterns | HIGH | comp- | | 4 | Custom Configuration | HIGH | config- | | 5 | Spacing & Typography | MEDIUM | space- | | 6 | Animation | MEDIUM | anim- | | 7 | Performance | LOW | perf- |

Read individual rule files for detailed explanations and code examples:

Modelli e convenzioni CSS Tailwind. Da utilizzare durante la scrittura di progetti reattivi, l'implementazione della modalità oscura, la creazione di stili di componenti riutilizzabili o la configurazione di Tailwind. Trigger su attività che coinvolgono classi Tailwind, design reattivo, modalità oscura o stile CSS. Fonte: asyrafhussin/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

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

Browse more skills from asyrafhussin/agent-skills

Risposte rapide

Che cos'è tailwind-best-practices?

Modelli e convenzioni CSS Tailwind. Da utilizzare durante la scrittura di progetti reattivi, l'implementazione della modalità oscura, la creazione di stili di componenti riutilizzabili o la configurazione di Tailwind. Trigger su attività che coinvolgono classi Tailwind, design reattivo, modalità oscura o stile CSS. Fonte: asyrafhussin/agent-skills.

Come installo tailwind-best-practices?

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/asyrafhussin/agent-skills --skill tailwind-best-practices 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/asyrafhussin/agent-skills