mcpbeat

MCP Design System Extractor MCP Server

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

MCP Design System Extractor runs on your own machine — the client starts it, so there is no endpoint to ping. 334 installs a week from npm. Last commit 27 Jul 2026.

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

Installs per day peak 194 · avg 15 · +430% w/w
a month agotoday
334
Installs / week
npm · mcp-design-system-extractor
69
Stars
0 open issues
27 Jul 2026
Last commit
0 releases in 90 days
MIT
License
TypeScript

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

run in your terminal
claude mcp add mcp-design-system-extractor -- npx -y mcp-design-system-extractor
~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "args": [
        "-y",
        "mcp-design-system-extractor"
      ],
      "command": "npx"
    }
  }
}
~/.codex/config.toml
[mcp_servers.mcp-design-system-extractor]
command = "npx"
args = ["-y", "mcp-design-system-extractor"]
.cursor/mcp.json
{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "args": [
        "-y",
        "mcp-design-system-extractor"
      ],
      "command": "npx"
    }
  }
}
.vscode/mcp.json
{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "args": [
        "-y",
        "mcp-design-system-extractor"
      ],
      "command": "npx"
    }
  }
}

MCP Design System Extractor — questions

Answers built from our own checks of this server.

Why is there no uptime for MCP Design System Extractor?
MCP Design System Extractor runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package mcp-design-system-extractor was installed 334 times last week.
How do I connect MCP Design System Extractor?
Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It runs locally, so the command pulls mcp-design-system-extractor straight from npm; nothing to host, nothing to sign up for.
How many people use MCP Design System Extractor?
The npm package mcp-design-system-extractor was installed 334 times in the last week. Week over week that is +430%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.
Is MCP Design System Extractor open source?
Yes — it is published under the MIT licence, written in TypeScript and 69 stars on GitHub. The source link is on this page, so you can read exactly what it does with your data before you connect it.