shadcn
Meilleures pratiques et modèles de la bibliothèque de composants shadcn/ui (anciennement shadcn-ui). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation des composants shadcn/ui pour garantir une architecture, une accessibilité et des performances appropriées. Déclencheurs sur des tâches impliquant des primitives Radix, le style Tailwind, la validation de formulaire avec React Hook Form, des tables de données, des thèmes ou des modèles de composition de composants.
Installation
SKILL.md
Comprehensive best practices guide for shadcn/ui applications, maintained by the shadcn/ui community. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Accessibility Preservation | CRITICAL | ally- | | 3 | Styling & Theming | HIGH | style- | | 4 | Form Patterns | HIGH | form- | | 5 | Data Display | MEDIUM-HIGH | data- | | 6 | Component Composition | MEDIUM | comp- | | 7 | Performance Optimization | MEDIUM | perf- |
| 8 | State Management | LOW-MEDIUM | state- |
Meilleures pratiques et modèles de la bibliothèque de composants shadcn/ui (anciennement shadcn-ui). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation des composants shadcn/ui pour garantir une architecture, une accessibilité et des performances appropriées. Déclencheurs sur des tâches impliquant des primitives Radix, le style Tailwind, la validation de formulaire avec React Hook Form, des tables de données, des thèmes ou des modèles de composition de composants. Source : thongdn-it/react-agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn- Catégorie
- </>Développement
- Vérifié
- —
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que shadcn ?
Meilleures pratiques et modèles de la bibliothèque de composants shadcn/ui (anciennement shadcn-ui). Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation des composants shadcn/ui pour garantir une architecture, une accessibilité et des performances appropriées. Déclencheurs sur des tâches impliquant des primitives Radix, le style Tailwind, la validation de formulaire avec React Hook Form, des tables de données, des thèmes ou des modèles de composition de composants. Source : thongdn-it/react-agent-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/thongdn-it/react-agent-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/thongdn-it/react-agent-skills
Détails
- Catégorie
- </>Développement
- Source
- user
- Première apparition
- 2026-02-01