Che cos'è tailwindcss-v4?
Modelli Tailwind CSS v4: configurazione CSS-first, direttive @theme/@utility/@variant, migrazione da v3. Da utilizzare quando si lavora con progetti Tailwind v4. Fonte: tlq5l/tailwindcss-v4-skill.
·tailwindcss-v4
</>
tailwindcss-v4
✓Modelli Tailwind CSS v4: configurazione CSS-first, direttive @theme/@utility/@variant, migrazione da v3. Da utilizzare quando si lavora con progetti Tailwind v4.
Installazione
Come installare tailwindcss-v4
Installa rapidamente la skill AI tailwindcss-v4 nel tuo ambiente di sviluppo tramite riga di comando
- Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
- Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/tlq5l/tailwindcss-v4-skill --skill tailwindcss-v4
- 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: tlq5l/tailwindcss-v4-skill.
SKILL.md
Visualizza raw| @theme | Define design tokens (colors, spacing, fonts) | | @utility | Create custom utility classes | | @variant | Define custom variants (hover, focus, etc.) | | @source | Control class detection and safelisting | | @reference | Import for @apply without emitting CSS |
| @tailwind base/components/utilities | @import "tailwindcss" | | tailwind.config.js theme.extend | @theme { --color- } | | PostCSS tailwindcss plugin | @tailwindcss/postcss | | @apply with config values | @reference import first |
Modelli Tailwind CSS v4: configurazione CSS-first, direttive @theme/@utility/@variant, migrazione da v3. Da utilizzare quando si lavora con progetti Tailwind v4. Fonte: tlq5l/tailwindcss-v4-skill.
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/tlq5l/tailwindcss-v4-skill --skill tailwindcss-v4 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
Fatti (pronti per citazione)
Campi e comandi stabili per citazioni AI/ricerca.
- Comando di installazione
npx skills add https://github.com/tlq5l/tailwindcss-v4-skill --skill tailwindcss-v4- Categoria
- </>Sviluppo
- Verificato
- ✓
- Prima apparizione
- 2026-02-01
- Aggiornato
- 2026-03-10
Risposte rapide
Come installo tailwindcss-v4?
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/tlq5l/tailwindcss-v4-skill --skill tailwindcss-v4 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/tlq5l/tailwindcss-v4-skill
Dettagli
- Categoria
- </>Sviluppo
- Fonte
- skills.sh
- Prima apparizione
- 2026-02-01
Skills correlate
Nessuna