tailwind-best-practices
✓Modèles et conventions CSS Tailwind. À utiliser lors de l'écriture de conceptions réactives, de la mise en œuvre du mode sombre, de la création de styles de composants réutilisables ou de la configuration de Tailwind. Se déclenche sur des tâches impliquant des classes Tailwind, une conception réactive, un mode sombre ou un style CSS.
Installation
SKILL.md
Comprehensive patterns for building consistent, maintainable interfaces with Tailwind CSS v4. Contains 26+ rules covering responsive design, dark mode, component patterns, and configuration best practices.
| 1 | Responsive Design | CRITICAL | resp- | | 2 | Dark Mode | CRITICAL | dark- | | 3 | Component Patterns | HIGH | comp- | | 4 | Custom Configuration | HIGH | config- | | 5 | Spacing & Typography | MEDIUM | space- | | 6 | Animation | MEDIUM | anim- | | 7 | Performance | LOW | perf- |
Read individual rule files for detailed explanations and code examples:
Modèles et conventions CSS Tailwind. À utiliser lors de l'écriture de conceptions réactives, de la mise en œuvre du mode sombre, de la création de styles de composants réutilisables ou de la configuration de Tailwind. Se déclenche sur des tâches impliquant des classes Tailwind, une conception réactive, un mode sombre ou un style CSS. Source : asyrafhussin/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/asyrafhussin/agent-skills --skill tailwind-best-practices- 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-best-practices ?
Modèles et conventions CSS Tailwind. À utiliser lors de l'écriture de conceptions réactives, de la mise en œuvre du mode sombre, de la création de styles de composants réutilisables ou de la configuration de Tailwind. Se déclenche sur des tâches impliquant des classes Tailwind, une conception réactive, un mode sombre ou un style CSS. Source : asyrafhussin/agent-skills.
Comment installer tailwind-best-practices ?
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/asyrafhussin/agent-skills --skill tailwind-best-practices 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/asyrafhussin/agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01