design-system - Generate complete design system documentation files
Generates a complete 3-file design system documentation set from reference materials such as images, PDFs, links, text, or existing code.
Tags
Updated: 2026-09-17Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Analyze provided design reference materials
- Fetch content from web links
- Read local design reference files
- Generate token reference documentation file
- Generate accessibility guidelines documentation file
- Generate component specifications documentation file
- Write generated documentation to disk
- Summarize generated design system details
Inputs
- UI images and mockups
- PDF brand guidelines and specifications
- URLs to design documentation
- Text descriptions of design language
- Existing code and style configurations
- Specified target path or directory
Outputs
- design.md token reference file
- design-guidelines.md guidelines file
- design-components.md component specs file
- Generated system summary report
Requirements
- WebFetch tool for URL content retrieval
- File system read access
- File system write access