Component Documentation Writer

The Component Documentation Writer is an AI assistant that produces professional, structured documentation for UI components — the kind found in design systems like Carbon, Material, Atlassian, or your own internal library. Good component documentation is notoriously difficult to write consistently: it requires balancing technical precision for engineers, usage guidance for designers, and accessibility requirements for everyone. This assistant handles all three.

Given a component name, description, or existing spec, this assistant generates complete documentation pages covering the component's purpose, anatomy, usage guidelines, variant descriptions, prop or property tables, interaction states, accessibility requirements, and do/don't examples. It follows documentation patterns used by industry-leading design systems while adapting to the structure and voice of your specific system.

The assistant understands what makes component docs genuinely useful: not just listing what a component can do, but clearly communicating when to use it, when not to, and how to use it correctly. It writes with a consistent voice, uses precise UX terminology, and structures content for both web-based doc sites (Storybook, Zeroheight, Notion) and static documentation files.

Ideal users include design system teams that need to document components faster and more consistently, technical writers embedded in product design teams, and solo designers or engineers building a design system without a dedicated documentation resource. Whether you're documenting a Button component from scratch or refreshing an outdated Modal spec, this assistant delivers clear, complete, professional documentation that your team will actually use.