codeScore: 88/100Pour GitHub Copilot

Bibliothèque de composants réutilisables avec Storybook

Crée une collection de composants UI documentés, testés et accessibles avec leur catalogue

Remplis les variables

Ton prompt personnalisé

Crée une bibliothèque de composants réutilisables.

Framework : {{framework}}
Composants à créer : {{composants_a_creer}}
Exigences d'accessibilité : {{exigences_accessibilite}}
Design system de référence : {{design_system}}

Pour chaque composant, fournis :

1. **Code du composant**
   - Props typés avec validation
   - Variants et états (default, hover, disabled, error...)
   - Responsive par défaut
   - Accessibilité WCAG 2.1 AA minimum (ARIA, keyboard navigation)
   - Performance optimisée (memoization si besoin)

2. **Story Storybook**
   - Story par variant
   - Controls interactifs
   - Documentation des props
   - Exemples d'utilisation

3. **Tests**
   - Tests unitaires (comportement)
   - Tests d'accessibilité (axe-core ou équivalent)
   - Tests de snapshot visuel

4. **Documentation**
   - Quand utiliser ce composant
   - Bonnes pratiques
   - Props API complète
   - Code d'exemple

5. **Fichier d'index** pour exports

Composants production-ready, maintenables.

Aller plus loin : optimiser ce prompt →