tailwind-patterns
✓Principes Tailwind CSS v4. Configuration CSS-first, requêtes de conteneurs, modèles modernes, architecture de jetons de conception.
Installation
SKILL.md
| tailwind.config.js | CSS-based @theme directive | | PostCSS plugin | Oxide engine (10x faster) | | JIT mode | Native, always-on | | Plugin system | CSS-native features | | @apply directive | Still works, discouraged |
| CSS-first | Configuration in CSS, not JavaScript | | Oxide Engine | Rust-based compiler, much faster | | Native Nesting | CSS nesting without PostCSS | | CSS Variables | All tokens exposed as -- vars |
| Extend | Adding new values alongside defaults | | Override | Replacing default scale entirely | | Semantic tokens | Project-specific naming (primary, surface) |
Principes Tailwind CSS v4. Configuration CSS-first, requêtes de conteneurs, modèles modernes, architecture de jetons de conception. Source : hainamchung/agent-assistant.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/hainamchung/agent-assistant --skill tailwind-patterns- 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-patterns ?
Principes Tailwind CSS v4. Configuration CSS-first, requêtes de conteneurs, modèles modernes, architecture de jetons de conception. Source : hainamchung/agent-assistant.
Comment installer tailwind-patterns ?
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/hainamchung/agent-assistant --skill tailwind-patterns 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/hainamchung/agent-assistant
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01