io.github.freema/mcp-design-system-extractor

io.github.freema/mcp-design-system-extractor

MCP server for Storybook design systems — extract component HTML, styles and metadata.

View repository →

Connect this server

Add this to your MCP client config — claude_desktop_config.json (Claude Desktop) or .cursor/mcp.json (Cursor).Suits: Claude Desktop · Cursor.

{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-design-system-extractor@1.3.0"
      ]
    }
  }
}

A starting point — check the repository for exact arguments and setup. Restart your client after editing the config.

Category
Developer Tools
Version
1.3.0
Registry
active
Published
11/6/2026

More Developer Tools servers

Browse all Developer Tools →

io.github.freema/mcp-gsheets

freema

MCP server for Google Sheets API — read, write, format, batch operations.

Developer ToolsAdded 4 days ago

io.github.freema/mcp-jira-stdio

freema

MCP server for Jira Cloud — issues, search, comments, attachments, transitions.

Developer ToolsAdded 4 days ago

OpenClaw MCP Server

freema

MCP server bridging Claude.ai/Desktop with self-hosted OpenClaw via OAuth 2.1.

Developer ToolsAdded 4 days ago

PixelForge

freema

Forge pixel art sprites, animations, tilesets and game assets with Google Gemini.

Developer ToolsAdded 4 days ago

Jev MCP

freepik-company

Typed decisions with Jev / System One via OpenRouter or TypeSafe: classify, verify, rerank, decide.

Developer ToolsAdded 1 month ago

freeq

freeq-irc

Read and verify freeq conversations: channels, history, search, signatures, pins.

Developer ToolsAdded 2 months ago

Add the badge to your site

Show visitors that io.github.freema/mcp-design-system-extractor is listed here — it’s also the link we check for a free listing.

io.github.freema/mcp-design-system-extractor — listed on Serverdex

HTML — for your website

<a href="https://serverdex.io/server/io-github-freema-mcp-design-system-extractor?utm_source=badge"><img src="https://serverdex.io/brand/badge.svg" alt="io.github.freema/mcp-design-system-extractor — listed on Serverdex" width="123" height="40" loading="lazy"></a>

Recommended. A dofollow link from your own domain is the one that counts for search engines, and it's the link we check for a free listing.

Markdown — for your README

[![io.github.freema/mcp-design-system-extractor — listed on Serverdex](https://serverdex.io/brand/badge.svg)](https://serverdex.io/server/io-github-freema-mcp-design-system-extractor?utm_source=badge)

Nice for visibility, but GitHub marks README links nofollow, so it doesn't pass authority. Use the HTML badge on your site as well.