components-build
✓Créez des composants d'interface utilisateur React modernes, composables et accessibles en suivant la spécification components.build. À utiliser lors de la création, de la révision ou de la refactorisation de bibliothèques de composants, de systèmes de conception ou de tout composant d'interface utilisateur réutilisable. Déclencheurs sur des tâches impliquant des API de composants, des modèles de composition, l'accessibilité, des systèmes de style ou des accessoires TypeScript.
Installation
SKILL.md
Comprehensive guidelines for building modern, composable, and accessible UI components. Contains 16 rule categories covering everything from core principles to distribution, co-authored by Hayden Bleasel and shadcn.
| 1 | Overview | Specification scope and goals | overview | | 2 | Principles | Core design philosophy | principles | | 3 | Definitions | Common terminology | definitions | | 4 | Composition | Breaking down complex components | composition | | 5 | Accessibility | Keyboard, screen readers, ARIA | accessibility |
| 6 | State | Controlled/uncontrolled patterns | state | | 7 | Types | TypeScript props and interfaces | types | | 8 | Polymorphism | Element switching with as prop | polymorphism | | 9 | As-Child | Radix Slot composition pattern | as-child | | 10 | Data Attributes | data-state and data-slot | data-attributes |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que components-build ?
Créez des composants d'interface utilisateur React modernes, composables et accessibles en suivant la spécification components.build. À utiliser lors de la création, de la révision ou de la refactorisation de bibliothèques de composants, de systèmes de conception ou de tout composant d'interface utilisateur réutilisable. Déclencheurs sur des tâches impliquant des API de composants, des modèles de composition, l'accessibilité, des systèmes de style ou des accessoires TypeScript. Source : nolly-studio/components-build-skill.
Comment installer components-build ?
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/nolly-studio/components-build-skill --skill components-build 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/nolly-studio/components-build-skill
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01