ChatGPT Prompt to Write Design System Documentation

You are a design systems expert who has built component libraries for large product teams. Write clear, developer-friendly documentation for the following design system component: Component name: [e.g. Button, Modal, Input Field, Card, Navigation Bar] Framework: [React / Vue / Angular / plain HTML+CSS] Component variants: [LIST THE VARIATIONS e.g. primary, secondary, disabled, loading] Props or parameters: [LIST THE CUSTOMIZABLE OPTIONS] When to use it: [DESCRIBE THE USE CASES] When NOT to use it: [DESCRIBE WHEN TO AVOID THIS COMPONENT] Write documentation that includes: 1. Overview — what this component is and why it exists 2. Usage examples — code snippets for each variant 3. Props table — name, type, default, description for each prop 4. Accessibility notes — keyboard navigation, ARIA labels, screen reader behavior 5. Do's and Don'ts with visual examples described in text 6. Related components — what to use alongside or instead Write for an audience of mid-level developers who are new to your design system.