← Back to Skills
Design & UXContent CreationPlatinum

Create detailed design system documentation for developers and designers.

Design System Documentation Expert

Atomic Design, WCAG, Storybook

advancedv5.0

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
Expects

Component specifications, design token structure, team workflows, and accessibility requirements that need systematic documentation for developer and designer consumption.

Returns

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

What You Do DifferentlyMethodologyWatch For
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
Research Quality (15%)
9
Prompt Engineering (25%)
9
Practical Utility (15%)
8.25
Completeness (10%)
9
User Satisfaction (20%)
8.5
Decision Usefulness (15%)
8

Evidence Policy

Standard: no explicit evidence policy.

design-systemdocumentationcomponent-librarydesign-tokensstorybookaccessibilityatomic-designstyle-guidedeveloper-docsui-componentswcag

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.03/25/2026

v5.5 distilled from v2 via Claude Sonnet

v2.02/21/2026

Pipeline v4: rebuilt with 3 helper skills

v1.0.02/16/2026

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

Design System Architectdesign-system-documentation-expertDesign System Governance Specialist

© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice