tailwind
✓Lignes directrices sur l’optimisation des performances et les meilleures pratiques Tailwind CSS v4 (anciennement tailwindcss-v4-style). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation du code Tailwind CSS v4 pour garantir des performances de construction optimales, une sortie CSS minimale et une utilisation correcte des fonctionnalités v4. Déclencheurs sur des tâches impliquant la configuration Tailwind, la directive @theme, les classes utilitaires, la conception réactive, le mode sombre, les requêtes de conteneur ou l'optimisation de la génération CSS.
Installation
SKILL.md
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- |
Lignes directrices sur l’optimisation des performances et les meilleures pratiques Tailwind CSS v4 (anciennement tailwindcss-v4-style). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation du code Tailwind CSS v4 pour garantir des performances de construction optimales, une sortie CSS minimale et une utilisation correcte des fonctionnalités v4. Déclencheurs sur des tâches impliquant la configuration Tailwind, la directive @theme, les classes utilitaires, la conception réactive, le mode sombre, les requêtes de conteneur ou l'optimisation de la génération CSS. Source : thongdn-it/react-agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/thongdn-it/react-agent-skills --skill tailwind- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que tailwind ?
Lignes directrices sur l’optimisation des performances et les meilleures pratiques Tailwind CSS v4 (anciennement tailwindcss-v4-style). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation du code Tailwind CSS v4 pour garantir des performances de construction optimales, une sortie CSS minimale et une utilisation correcte des fonctionnalités v4. Déclencheurs sur des tâches impliquant la configuration Tailwind, la directive @theme, les classes utilitaires, la conception réactive, le mode sombre, les requêtes de conteneur ou l'optimisation de la génération CSS. Source : thongdn-it/react-agent-skills.
Comment installer tailwind ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/thongdn-it/react-agent-skills --skill tailwind Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/thongdn-it/react-agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01