codeScore: 88/100For GitHub Copilot

Reusable component library with Storybook

Creates a collection of documented, tested and accessible UI components with their catalog

Fill in the variables

Your personalized prompt

Create a reusable component library.

Framework: {{framework}}
Components to create: {{composants_a_creer}}
Accessibility requirements: {{exigences_accessibilite}}
Reference design system: {{design_system}}

For each component, provide:

1. **Component code**
   - Typed props with validation
   - Variants and states (default, hover, disabled, error...)
   - Responsive by default
   - WCAG 2.1 AA minimum accessibility (ARIA, keyboard navigation)
   - Optimized performance (memoization if needed)

2. **Storybook story**
   - Story per variant
   - Interactive controls
   - Props documentation
   - Usage examples

3. **Tests**
   - Unit tests (behavior)
   - Accessibility tests (axe-core or equivalent)
   - Visual snapshot tests

4. **Documentation**
   - When to use this component
   - Best practices
   - Complete props API
   - Example code

5. **Index file** for exports

Production-ready, maintainable components.

Go further: optimize this prompt →