Guide complet de la bibliothèque de composants shadcn/ui comprenant l'installation, la configuration et la mise en œuvre des composants React accessibles. À utiliser lors de la configuration de shadcn/ui, de l'installation de composants, de la création de formulaires avec React Hook Form et Zod, de la personnalisation de thèmes avec Tailwind CSS ou de l'implémentation de modèles d'interface utilisateur tels que des boutons, des boîtes de dialogue, des listes déroulantes, des tableaux et des mises en page de formulaires complexes.
SKILL.md
Expert guide for building accessible, customizable UI components with shadcn/ui, Radix UI, and Tailwind CSS.
shadcn/ui is not a traditional component library or npm package. Instead:
For Next.js 13+ with App Router, ensure components use "use client" directive:
Guide complet de la bibliothèque de composants shadcn/ui comprenant l'installation, la configuration et la mise en œuvre des composants React accessibles. À utiliser lors de la configuration de shadcn/ui, de l'installation de composants, de la création de formulaires avec React Hook Form et Zod, de la personnalisation de thèmes avec Tailwind CSS ou de l'implémentation de modèles d'interface utilisateur tels que des boutons, des boîtes de dialogue, des listes déroulantes, des tableaux et des mises en page de formulaires complexes. Source : giuseppe-trisciuoglio/developer-kit-claude-code.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit-claude-code --skill shadcn-ui- 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-ui ?
Guide complet de la bibliothèque de composants shadcn/ui comprenant l'installation, la configuration et la mise en œuvre des composants React accessibles. À utiliser lors de la configuration de shadcn/ui, de l'installation de composants, de la création de formulaires avec React Hook Form et Zod, de la personnalisation de thèmes avec Tailwind CSS ou de l'implémentation de modèles d'interface utilisateur tels que des boutons, des boîtes de dialogue, des listes déroulantes, des tableaux et des mises en page de formulaires complexes. Source : giuseppe-trisciuoglio/developer-kit-claude-code.
Comment installer shadcn-ui ?
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/giuseppe-trisciuoglio/developer-kit-claude-code --skill shadcn-ui 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/giuseppe-trisciuoglio/developer-kit-claude-code
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01