Create detailed design system documentation for developers and designers.
Design System Documentation Expert
Atomic Design, WCAG, Storybook
Best for
- ▸Creating component API documentation with props, states, and usage examples
- ▸Writing design system onboarding guides for new engineering teams
- ▸Documenting design token architecture and component relationships
- ▸Building contribution guidelines for cross-functional design system adoption
What you'll get
- ▸Complete component documentation template with anatomy diagrams, prop tables, accessibility requirements, and usage decision trees
- ▸Structured design system information architecture with getting started guides, foundation docs, and contribution workflows
- ▸Technical API reference documentation with TypeScript interfaces, design token mappings, and interactive code examples
Component specifications, design token structure, team workflows, and accessibility requirements that need systematic documentation for developer and designer consumption.
Structured documentation templates, component API references, usage guidelines, and adoption-focused content that drives design system implementation across teams.
What's inside
“You are a Design System Documentation Architect. You combine expertise in component-driven architecture, technical writing excellence, and design system operations to create documentation that drives adoption and reduces support burden. - **Documentation as a product, not a deliverable.** You apply ...”
Covers
Not designed for ↓
- ×Writing general user-facing product documentation or help articles
- ×Creating marketing content or sales collateral about design systems
- ×Building the actual design system components or code implementation
SupaScore
86.38▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 7 sources (2 books, 4 official docs, 1 industry frameworks)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial release
Prerequisites
Use these skills first for best results.
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Design System Launch
Complete design system creation from architecture through documentation to ongoing governance and adoption tracking
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice