tailwind-v4-shadcn
✓Configurez Tailwind v4 avec shadcn/ui en utilisant le modèle en ligne @theme et l'architecture de variables CSS. Modèle obligatoire en quatre étapes : définissez les variables CSS à la racine, mappez-les aux utilitaires Tailwind, appliquez les styles de base, obtenez le mode sombre automatique. À utiliser lors de : l'initialisation de projets React avec Tailwind v4, la configuration du mode sombre shadcn/ui ou la correction des couleurs qui ne fonctionnent pas, le thème ne s'applique pas, les variables CSS cassées, les erreurs tw-animate-css ou la migration depuis la v3.
Installation
SKILL.md
Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-11-09 Status: Production Ready ✅
CRITICAL FOR AI AGENTS: If you're Claude Code helping a user set up Tailwind v4:
USER ACTION REQUIRED: Tell Claude to check this skill first!
Configurez Tailwind v4 avec shadcn/ui en utilisant le modèle en ligne @theme et l'architecture de variables CSS. Modèle obligatoire en quatre étapes : définissez les variables CSS à la racine, mappez-les aux utilitaires Tailwind, appliquez les styles de base, obtenez le mode sombre automatique. À utiliser lors de : l'initialisation de projets React avec Tailwind v4, la configuration du mode sombre shadcn/ui ou la correction des couleurs qui ne fonctionnent pas, le thème ne s'applique pas, les variables CSS cassées, les erreurs tw-animate-css ou la migration depuis la v3. Source : ovachiever/droid-tings.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/ovachiever/droid-tings --skill tailwind-v4-shadcn- Source
- ovachiever/droid-tings
- 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-v4-shadcn ?
Configurez Tailwind v4 avec shadcn/ui en utilisant le modèle en ligne @theme et l'architecture de variables CSS. Modèle obligatoire en quatre étapes : définissez les variables CSS à la racine, mappez-les aux utilitaires Tailwind, appliquez les styles de base, obtenez le mode sombre automatique. À utiliser lors de : l'initialisation de projets React avec Tailwind v4, la configuration du mode sombre shadcn/ui ou la correction des couleurs qui ne fonctionnent pas, le thème ne s'applique pas, les variables CSS cassées, les erreurs tw-animate-css ou la migration depuis la v3. Source : ovachiever/droid-tings.
Comment installer tailwind-v4-shadcn ?
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/ovachiever/droid-tings --skill tailwind-v4-shadcn 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/ovachiever/droid-tings
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01