Style Guide Generator

MCP Server

by sundial-org · Added 5mo ago

Claude
33

Install

git clone https://github.com/sundial-org/awesome-openclaw-skills

Add to Claude

claude mcp add style-guide-generator

Quick Setup Config

Copy & paste ready

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "style-guide-generator": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/style-guide-generator"
      ]
    }
  }
}

Paste into your Claude Desktop config file, then restart Claude.

About

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.

Tags

documentspythonrustgoapiskill

From Our Store

View all →
Claude Code

Claude Code Power User Kit

$39+

Advanced Claude Code skills and configurations

OpenClaw

OpenClaw Business Starter Kit

$59+

Set Up Your AI Assistant in 60 Minutes