Guide ai modelli Tailwind CSS v4 per pulsanti e componenti. Utilizza questa competenza quando crei componenti con varianti, scegli tra varianti CVA/tailwind o configuri l'approccio CSS-first di Tailwind v4.
Installa rapidamente la skill AI code-architecture-tailwind-v4-best-practices nel tuo ambiente di sviluppo tramite riga di comando
Fonte: flpbalada/my-opencode-config.
Use utilities directly in markup as the primary approach. Abstract with CVA/tailwind-variants only when you have 3+ variants.
Tailwind v4's CSS-first configuration eliminates tailwind.config.js entirely. All configuration happens in CSS via @theme directive.
The Tailwind team discourages @apply except in narrow circumstances. Use component abstractions instead.
Guide ai modelli Tailwind CSS v4 per pulsanti e componenti. Utilizza questa competenza quando crei componenti con varianti, scegli tra varianti CVA/tailwind o configuri l'approccio CSS-first di Tailwind v4. Fonte: flpbalada/my-opencode-config.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/flpbalada/my-opencode-config --skill code-architecture-tailwind-v4-best-practicesGuide ai modelli Tailwind CSS v4 per pulsanti e componenti. Utilizza questa competenza quando crei componenti con varianti, scegli tra varianti CVA/tailwind o configuri l'approccio CSS-first di Tailwind v4. Fonte: flpbalada/my-opencode-config.
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/flpbalada/my-opencode-config --skill code-architecture-tailwind-v4-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
https://github.com/flpbalada/my-opencode-config