·styling-with-tailwind
</>

styling-with-tailwind

Crea interfacce utente utilizzando classi di utilità CSS Tailwind e modelli shadcn/ui. Copre le variabili CSS con colori OKLCH, varianti di componenti con CVA, design reattivo, modalità oscura e funzionalità Tailwind v4.2. Supporta le primitive Radix UI e Base UI, CLI 3.0 e stili visivi. Da utilizzare durante la creazione di interfacce con Tailwind, lo styling di componenti shadcn/ui, l'implementazione di temi o l'utilizzo di CSS basati sull'utilità.

11Installazioni·0Tendenza·@tenequm

Installazione

$npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind

Come installare styling-with-tailwind

Installa rapidamente la skill AI styling-with-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/tenequm/claude-plugins --skill styling-with-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: tenequm/claude-plugins.

Build accessible UIs using Tailwind CSS v4 utility classes and shadcn/ui component patterns. Tailwind v4 uses CSS-first configuration only - never create or modify tailwind.config.js/tailwind.config.ts. Supports Radix UI (default) or Base UI as primitive libraries.

Tailwind v4 configures everything in CSS. Migrate any JS/TS config:

Always pair bg- with text--foreground. Extend with success/warning/info in theming.md.

Crea interfacce utente utilizzando classi di utilità CSS Tailwind e modelli shadcn/ui. Copre le variabili CSS con colori OKLCH, varianti di componenti con CVA, design reattivo, modalità oscura e funzionalità Tailwind v4.2. Supporta le primitive Radix UI e Base UI, CLI 3.0 e stili visivi. Da utilizzare durante la creazione di interfacce con Tailwind, lo styling di componenti shadcn/ui, l'implementazione di temi o l'utilizzo di CSS basati sull'utilità. Fonte: tenequm/claude-plugins.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-23
Aggiornato
2026-03-10

Browse more skills from tenequm/claude-plugins

Risposte rapide

Che cos'è styling-with-tailwind?

Crea interfacce utente utilizzando classi di utilità CSS Tailwind e modelli shadcn/ui. Copre le variabili CSS con colori OKLCH, varianti di componenti con CVA, design reattivo, modalità oscura e funzionalità Tailwind v4.2. Supporta le primitive Radix UI e Base UI, CLI 3.0 e stili visivi. Da utilizzare durante la creazione di interfacce con Tailwind, lo styling di componenti shadcn/ui, l'implementazione di temi o l'utilizzo di CSS basati sull'utilità. Fonte: tenequm/claude-plugins.

Come installo styling-with-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/tenequm/claude-plugins --skill styling-with-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/tenequm/claude-plugins