Documentation for a UI Component
Documenting design system components
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Write the complete documentation for the [COMPONENT_NAME] component for a design system. Include: description and usage (when to use, when to avoid), component anatomy with named elements, all variants and states (default, hover, focus, disabled, error), available props, usage examples, accessibility (ARIA, keyboard navigation), and associated design tokens.
Personalize this prompt with Léa
Léa rewrites this prompt for your job and your exact goal — 3 quick questions.
Use Cases
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pour maximiser l'utilité, demandez explicitement des extraits de code fonctionnels pour chaque variante et état, avec les props associées. Cela transforme la documentation en référence prête à l'emploi pour les développeurs.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.