Questa abilità deve essere utilizzata quando l'utente chiede di "applicare uno stile con Tailwind", "aggiungere classi Tailwind", "correggere stili Tailwind", "utilizzare varianti tailwind", "aggiungere animazioni con tw-animate-css", "configurare Tailwind v4", "migrare a Tailwind v4" o menziona utilità Tailwind, classi CSS, design reattivo, modalità oscura, gradienti, token di progettazione o moduli CSS.
Installa rapidamente la skill AI tailwind-css nel tuo ambiente di sviluppo tramite riga di comando
Fonte: paulrberg/agent-skills.
Expert guidance for Tailwind CSS v4, CSS-first configuration, modern utility patterns, and type-safe component styling with tailwind-variants.
Tailwind CSS v4 eliminates tailwind.config.ts in favor of CSS-only configuration. All configuration lives in CSS files using special directives.
All theme tokens defined with @theme automatically become available as utility classes. For example, --color-brand can be used as bg-brand, text-brand, border-brand, etc.
Questa abilità deve essere utilizzata quando l'utente chiede di "applicare uno stile con Tailwind", "aggiungere classi Tailwind", "correggere stili Tailwind", "utilizzare varianti tailwind", "aggiungere animazioni con tw-animate-css", "configurare Tailwind v4", "migrare a Tailwind v4" o menziona utilità Tailwind, classi CSS, design reattivo, modalità oscura, gradienti, token di progettazione o moduli CSS. Fonte: paulrberg/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-cssQuesta abilità deve essere utilizzata quando l'utente chiede di "applicare uno stile con Tailwind", "aggiungere classi Tailwind", "correggere stili Tailwind", "utilizzare varianti tailwind", "aggiungere animazioni con tw-animate-css", "configurare Tailwind v4", "migrare a Tailwind v4" o menziona utilità Tailwind, classi CSS, design reattivo, modalità oscura, gradienti, token di progettazione o moduli CSS. Fonte: paulrberg/agent-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/paulrberg/agent-skills --skill tailwind-css 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/paulrberg/agent-skills