Communityv1.0.0

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.

2.7kdownloads2stars6active installsTomsTools
View on ClawHubBack to Skills

Skill Details

Slug
style-guide-generator
Latest Version
1.0.0
Author
TomsTools
Published
Jan 25, 2026
Updated
Apr 28, 2026
Total Versions
1

How to Install

  1. 1 on OpenClawdBots (takes under 60 seconds).
  2. 2Open your bot dashboard and go to the Skills tab.
  3. 3Switch to the ClawHub tab and search for Style Guide Generator.
  4. 4Click Install and the skill is deployed to your bot automatically.

Changelog — v1.0.0

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.