Back to Directory
general
Style Guide Generator
Generate comprehensive website style guides and design systems from URLs, screenshots, and existing documentation. Use this skill when users ask to create a style guide, design system documentation, brand guidelines document, or design specification from a website, app, or existing materials. This skill produces professional PDF outputs following industry-standard style guide structure.
claudedesignstyle guide
Installation
Run this in your terminal or add to your configuration:
# Clone into your skills directory
git clone ...About this Skill
Style Guide Generator 1.0.0 – Initial Release
- Launches a comprehensive skill to generate professional website style guides and design systems from URLs, screenshots, and documentation.
- Defines a structured workflow and decision tree for extracting brand, UI, and content guidelines from diverse sources.
- Outputs a standardized, industry-best-practice PDF template covering logo, color, typography, iconography, content, components, layout, and accessibility.
- Includes detailed tables and formatting specifications for color palettes, typography, and UI components.
- Ensures outputs are accessible, consistently formatted, and versioned for easy design team adoption.