shadcn-ui
✓À utiliser lors de la création d'interfaces utilisateur React avec des bibliothèques de composants, de l'implémentation de formulaires, de boîtes de dialogue, de navigation ou d'affichage de données. À utiliser lorsque l'utilisateur mentionne shadcn, Radix UI, Base UI ou pose des questions sur les composants React accessibles. Suggérez de manière proactive lors de la création d'une interface utilisateur qui bénéficierait de composants accessibles prédéfinis avec le style CSS Tailwind.
Installation
SKILL.md
ShadCN/UI is a collection of beautifully-designed, accessible components built with TypeScript, Tailwind CSS, and headless UI primitives (Base UI or Radix UI). Unlike traditional component libraries, ShadCN uses a copy-paste model - components are copied into YOUR project, giving you full ownership and customization control.
Core Principle: You own the code. Components live in your project (typically src/components/ui/), not in nodemodules. This fundamentally changes how you think about customization - edit the source directly.
| Base UI | Prefer MUI ecosystem, need unstyled primitives with strong React patterns | | Radix UI | Want extensive primitive catalog, strong accessibility defaults |
À utiliser lors de la création d'interfaces utilisateur React avec des bibliothèques de composants, de l'implémentation de formulaires, de boîtes de dialogue, de navigation ou d'affichage de données. À utiliser lorsque l'utilisateur mentionne shadcn, Radix UI, Base UI ou pose des questions sur les composants React accessibles. Suggérez de manière proactive lors de la création d'une interface utilisateur qui bénéficierait de composants accessibles prédéfinis avec le style CSS Tailwind. Source : akornmeier/claude-config.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/akornmeier/claude-config --skill shadcn-ui- Source
- akornmeier/claude-config
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-05
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que shadcn-ui ?
À utiliser lors de la création d'interfaces utilisateur React avec des bibliothèques de composants, de l'implémentation de formulaires, de boîtes de dialogue, de navigation ou d'affichage de données. À utiliser lorsque l'utilisateur mentionne shadcn, Radix UI, Base UI ou pose des questions sur les composants React accessibles. Suggérez de manière proactive lors de la création d'une interface utilisateur qui bénéficierait de composants accessibles prédéfinis avec le style CSS Tailwind. Source : akornmeier/claude-config.
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/akornmeier/claude-config --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/akornmeier/claude-config
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-05