tailwindcss
✓Cette compétence doit être utilisée lorsque l'utilisateur demande de « styliser avec Tailwind », « ajouter du CSS », « configurer un thème », « utiliser @theme », « ajouter des couleurs personnalisées », « implémenter le mode sombre », « utiliser des requêtes de conteneur », « ajouter un design réactif », « utiliser des couleurs OKLCH » ou discute du style, du thème ou de la conception visuelle. Utilisez toujours la dernière version CSS de Tailwind et les modèles modernes.
Installation
SKILL.md
This skill provides guidance for styling applications with Tailwind CSS, focusing on always using the latest version and modern patterns.
Philosophy: Use CSS-first configuration with @theme. Use OKLCH colors for perceptual uniformity. Prefer @container queries over media queries when appropriate.
| Configuration | CSS @theme directive | tailwind.config.js | | Colors | OKLCH color space | RGB/HSL colors | | Container queries | @container | Media queries only | | Content detection | Automatic | Manual content: [] config | | PostCSS plugin | @tailwindcss/postcss | tailwindcss package |
Cette compétence doit être utilisée lorsque l'utilisateur demande de « styliser avec Tailwind », « ajouter du CSS », « configurer un thème », « utiliser @theme », « ajouter des couleurs personnalisées », « implémenter le mode sombre », « utiliser des requêtes de conteneur », « ajouter un design réactif », « utiliser des couleurs OKLCH » ou discute du style, du thème ou de la conception visuelle. Utilisez toujours la dernière version CSS de Tailwind et les modèles modernes. Source : velcrafting/codex-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcss- Source
- velcrafting/codex-skills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que tailwindcss ?
Cette compétence doit être utilisée lorsque l'utilisateur demande de « styliser avec Tailwind », « ajouter du CSS », « configurer un thème », « utiliser @theme », « ajouter des couleurs personnalisées », « implémenter le mode sombre », « utiliser des requêtes de conteneur », « ajouter un design réactif », « utiliser des couleurs OKLCH » ou discute du style, du thème ou de la conception visuelle. Utilisez toujours la dernière version CSS de Tailwind et les modèles modernes. Source : velcrafting/codex-skills.
Comment installer tailwindcss ?
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/velcrafting/codex-skills --skill tailwindcss 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/velcrafting/codex-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01