Back to prompts
Write documentation for a design system component: [COMPONENT NAME, e.g. Button / Modal / Card / Input Field]. Include: 1) Component overview — what it is and when to use it 2) Variants — list all variants (e.g. primary, secondary, ghost, destructive) with use cases for each 3) States — describe each state (default, hover, active, disabled, loading, error) and its visual treatment 4) Anatomy — label each part of the component and its purpose 5) Usage guidelines — dos and don'ts with examples 6) Accessibility notes — keyboard behavior, ARIA roles, color contrast requirements 7) Code snippet — a basic implementation example in [FRAMEWORK, e.g. React]. Keep it clear and scannable
How to use this prompt
- 1Copy the prompt using the button above.
- 2Open your AI tool (ChatGPT, Claude, Midjourney, etc.)
- 3Paste and customize any variables in the prompt.
- 4Generate your result.