Style Guide Generator

UnscannedCK: Clean

by TomsTools

2.8K downloads2 starsv1.0.01 version

Description

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.

Changelog

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.

claudedesignstyle guide

Published Jan 25, 2026Updated May 7, 2026

Security Analysis

ClawHub:

Unscanned

Clawkeeper:

CK: Clean

Risk Score0.0 / 10

No significant risk signals detected. Score is the sum of weighted findings below.

Findings

2 files analyzed

No issues detected

ClawHub scanned: May 7, 2026

Rescanned every 6 hours by Clawkeeper

Deploy Securely

Free to scan. Pro to deploy.