Write component documentation
Document design system components
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Write documentation for the [component name] design system component. Include: component purpose, when to use vs when not to use, all variants and their use cases, props/properties table (name, type, default, description), accessibility notes, related components, and 3 usage examples showing the component in context. Audience: designers and developers.
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 gagner du temps, demandez au prompt de structurer le tableau des propriétés avec les types exacts (TypeScript) et d’inclure un lien vers le storybook ou un extrait de code live pour chaque exemple. Cela évite les allers-retours entre doc et implémentation.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Wedding Day Timeline
Wedding day planning and client preparation
Design Studio Website Copy
Converting website visitors into client inquiries
YouTube Video Title and Description
YouTube SEO for organic video discovery
GitHub Copilot Prompt for Creating a Logo
GitHub Copilot, the AI-powered coding assistant developed by GitHub and OpenAI, is not limited to code generation. It can also accompany you in creating logos by generating SVG code, configurations for graphics libraries, or by guiding you in using programmatic design tools. Whether you are a developer wanting to create a logo for your open source project, an entrepreneur looking for a first visual prototype, or a designer exploring creative avenues through code, Copilot can significantly accelerate your process. By formulating a precise prompt describing the desired style, colors, typography, and symbolism, you will obtain structured and customizable SVG code directly in your editor. The major advantage of this approach is reproducibility and scalability: your logo is defined by code, thus versionable, modifiable by parameters, and exportable at any resolution. This method is particularly suited for geometric, minimalist, or typographic logos, which naturally lend themselves to algorithmic description.