Questa competenza deve essere utilizzata quando l'utente chiede di "applicare stile con Tailwind", "aggiungere CSS", "configurare tema", "utilizzare @tema", "aggiungere colori personalizzati", "implementare la modalità oscura", "utilizzare query contenitore", "aggiungere design reattivo", "utilizzare colori OKLCH" o discute di stili, temi o design visivo. Utilizza sempre la versione più recente di Tailwind CSS e i modelli moderni.
Installa rapidamente la skill AI tailwindcss nel tuo ambiente di sviluppo tramite riga di comando
Fonte: velcrafting/codex-skills.
This skill provides guidance for styling applications with Tailwind CSS, focusing on always using the latest version and modern patterns.
Philosophy: Use CSS-first configuration with @theme. Use OKLCH colors for perceptual uniformity. Prefer @container queries over media queries when appropriate.
| Configuration | CSS @theme directive | tailwind.config.js | | Colors | OKLCH color space | RGB/HSL colors | | Container queries | @container | Media queries only | | Content detection | Automatic | Manual content: [] config | | PostCSS plugin | @tailwindcss/postcss | tailwindcss package |
Questa competenza deve essere utilizzata quando l'utente chiede di "applicare stile con Tailwind", "aggiungere CSS", "configurare tema", "utilizzare @tema", "aggiungere colori personalizzati", "implementare la modalità oscura", "utilizzare query contenitore", "aggiungere design reattivo", "utilizzare colori OKLCH" o discute di stili, temi o design visivo. Utilizza sempre la versione più recente di Tailwind CSS e i modelli moderni. Fonte: velcrafting/codex-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcssQuesta competenza deve essere utilizzata quando l'utente chiede di "applicare stile con Tailwind", "aggiungere CSS", "configurare tema", "utilizzare @tema", "aggiungere colori personalizzati", "implementare la modalità oscura", "utilizzare query contenitore", "aggiungere design reattivo", "utilizzare colori OKLCH" o discute di stili, temi o design visivo. Utilizza sempre la versione più recente di Tailwind CSS e i modelli moderni. Fonte: velcrafting/codex-skills.
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/velcrafting/codex-skills --skill tailwindcss 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
https://github.com/velcrafting/codex-skills