shadcn
✓Cette compétence doit être utilisée lorsque l'utilisateur demande "ajouter un composant", "utiliser shadcn", "installer le bouton", "créer une boîte de dialogue", "ajouter un formulaire", "utiliser DataTable", "implémenter le mode sombre", "utiliser l'utilitaire cn", ou discute des composants de l'interface utilisateur, des bibliothèques de composants ou des composants accessibles. Utilisez toujours la dernière version de shadcn/ui et les modèles modernes.
Installation
SKILL.md
This skill provides guidance for building interfaces with shadcn/ui, focusing on always using the latest version and modern patterns.
Philosophy: Copy and own your components. Use the new-york style. Leverage Radix UI primitives for accessibility.
| Style | new-york | default (deprecated) | | Toast | sonner | toast component | | Animation | CSS/tw-animate-css | tailwindcss-animate | | forwardRef | Direct ref prop (React 19) | forwardRef wrapper |
Cette compétence doit être utilisée lorsque l'utilisateur demande "ajouter un composant", "utiliser shadcn", "installer le bouton", "créer une boîte de dialogue", "ajouter un formulaire", "utiliser DataTable", "implémenter le mode sombre", "utiliser l'utilitaire cn", ou discute des composants de l'interface utilisateur, des bibliothèques de composants ou des composants accessibles. Utilisez toujours la dernière version de shadcn/ui 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 shadcn- 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 shadcn ?
Cette compétence doit être utilisée lorsque l'utilisateur demande "ajouter un composant", "utiliser shadcn", "installer le bouton", "créer une boîte de dialogue", "ajouter un formulaire", "utiliser DataTable", "implémenter le mode sombre", "utiliser l'utilitaire cn", ou discute des composants de l'interface utilisateur, des bibliothèques de composants ou des composants accessibles. Utilisez toujours la dernière version de shadcn/ui et les modèles modernes. Source : velcrafting/codex-skills.
Comment installer 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/velcrafting/codex-skills --skill 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/velcrafting/codex-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01