freema

mcp-design-system-extractor

Name: freema/mcp-design-system-extractor
Author: freema

MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.

MCP Servers63 stars12 forks● TypeScriptMITUpdated 2mo ago

ClaudeWave Trust Score

82/100

✓ Trusted

Passed

✓Open-source license (MIT)
✓Recently active
✓Clear description
✓Topics declared

Last scanned: 4/14/2026

Install in Claude Desktop

Method detected: Manual

{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "node",
      "args": ["/path/to/mcp-design-system-extractor/dist/index.js"]
    }
  }
}

1. Copy the snippet above.

2. Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (Mac) or %APPDATA%\Claude\claude_desktop_config.json (Windows).

3. Replace any <placeholder> values with your API keys or paths.

4. Restart Claude Desktop. The MCP server appears automatically.

💡 Clone https://github.com/freema/mcp-design-system-extractor and follow its README for install instructions.

Use cases

✨ Design 🎨 Creative

About

MCP Servers overview

README preview not available. Visit the repo on GitHub for full documentation.

Topics

design-systemmcpmcp-server

Frequently asked

What people ask about mcp-design-system-extractor

What is freema/mcp-design-system-extractor?

freema/mcp-design-system-extractor is mcp servers for the Claude AI ecosystem. MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring. It has 63 GitHub stars and was last updated 2mo ago.

How do I install mcp-design-system-extractor?

You can install mcp-design-system-extractor by cloning the repository (https://github.com/freema/mcp-design-system-extractor) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is freema/mcp-design-system-extractor safe to use?

Our security agent has analyzed freema/mcp-design-system-extractor and assigned a Trust Score of 82/100 (tier: Trusted). See the full breakdown of passed checks and flags on this page.

Who maintains freema/mcp-design-system-extractor?

freema/mcp-design-system-extractor is maintained by freema. The last recorded GitHub activity is from 2mo ago, with 0 open issues.

Are there alternatives to mcp-design-system-extractor?

Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.

1-click deploy

Deploy mcp-design-system-extractor to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

Vercel Railway Render

Embeddable badge

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Markdown (README)

[![Featured on ClaudeWave](https://claudewave.com/api/badge/freema-mcp-design-system-extractor)](https://claudewave.com/repo/freema-mcp-design-system-extractor)

HTML

<a href="https://claudewave.com/repo/freema-mcp-design-system-extractor"><img src="https://claudewave.com/api/badge/freema-mcp-design-system-extractor" alt="Featured on ClaudeWave — freema/mcp-design-system-extractor" width="320" height="64" /></a>