tailwind

Comprehensive performance optimization guide for Tailwind CSS v4 applications, maintained by Tailwind Labs. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

| 1 | Build Configuration | CRITICAL | build- | | 2 | CSS Generation | CRITICAL | gen- | | 3 | Bundle Optimization | HIGH | bundle- | | 4 | Utility Patterns | HIGH | util- | | 5 | Component Architecture | MEDIUM-HIGH | comp- | | 6 | Theming & Design Tokens | MEDIUM | theme- | | 7 | Responsive & Adaptive | MEDIUM | resp- |

| 8 | Animation & Transitions | LOW-MEDIUM | anim- |

Ottimizzazione delle prestazioni di Tailwind CSS v4 e linee guida sulle best practice (in precedenza stile tailwindcss-v4). Questa competenza deve essere utilizzata durante la scrittura, la revisione o il refactoring del codice Tailwind CSS v4 per garantire prestazioni di compilazione ottimali, output CSS minimo e utilizzo corretto delle funzionalità v4. Trigger su attività che coinvolgono la configurazione di Tailwind, la direttiva @theme, le classi di utilità, la progettazione reattiva, la modalità oscura, le query sui contenitori o l'ottimizzazione della generazione di CSS. Fonte: thongdn-it/react-agent-skills.