component-library
✓Bibliothèque complète de composants React avec plus de 30 composants prêts pour la production utilisant l'architecture shadcn/ui, les variantes CVA, les primitives de l'interface utilisateur Radix et Tailwind CSS. À utiliser lorsque les utilisateurs ont besoin de (1) créer des composants d'interface utilisateur React avec des modèles modernes, (2) créer des systèmes de composants complets avec une conception cohérente, (3) implémenter des composants accessibles, réactifs et prêts pour le mode sombre, (4) générer des composants de formulaire avec l'intégration de React Hook Form, (5) créer des composants d'affichage de données tels que des tableaux, des cartes, des graphiques ou (6) créer des composants de navigation, de mise en page ou de commentaires. Fournit une génération instantanée de composants personnalisables dont le codage manuel prendrait autrement 20 à 45 minutes.
Installation
SKILL.md
Generate production-ready React components with shadcn/ui patterns, saving 8-10 hours per project.
Bibliothèque complète de composants React avec plus de 30 composants prêts pour la production utilisant l'architecture shadcn/ui, les variantes CVA, les primitives de l'interface utilisateur Radix et Tailwind CSS. À utiliser lorsque les utilisateurs ont besoin de (1) créer des composants d'interface utilisateur React avec des modèles modernes, (2) créer des systèmes de composants complets avec une conception cohérente, (3) implémenter des composants accessibles, réactifs et prêts pour le mode sombre, (4) générer des composants de formulaire avec l'intégration de React Hook Form, (5) créer des composants d'affichage de données tels que des tableaux, des cartes, des graphiques ou (6) créer des composants de navigation, de mise en page ou de commentaires. Fournit une génération instantanée de composants personnalisables dont le codage manuel prendrait autrement 20 à 45 minutes. Source : bbeierle12/skill-mcp-claude.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill component-library- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que component-library ?
Bibliothèque complète de composants React avec plus de 30 composants prêts pour la production utilisant l'architecture shadcn/ui, les variantes CVA, les primitives de l'interface utilisateur Radix et Tailwind CSS. À utiliser lorsque les utilisateurs ont besoin de (1) créer des composants d'interface utilisateur React avec des modèles modernes, (2) créer des systèmes de composants complets avec une conception cohérente, (3) implémenter des composants accessibles, réactifs et prêts pour le mode sombre, (4) générer des composants de formulaire avec l'intégration de React Hook Form, (5) créer des composants d'affichage de données tels que des tableaux, des cartes, des graphiques ou (6) créer des composants de navigation, de mise en page ou de commentaires. Fournit une génération instantanée de composants personnalisables dont le codage manuel prendrait autrement 20 à 45 minutes. Source : bbeierle12/skill-mcp-claude.
Comment installer component-library ?
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/bbeierle12/skill-mcp-claude --skill component-library 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/bbeierle12/skill-mcp-claude
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01