HomeDevelopment › mcp-design-system-extractor

mcp-design-system-extractor

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

TypeScript Local
★ 69 stars Last pushed 2026-09-19 License: MIT

Topics: Developer Tools

Connect

Review any command before running it. Package names and URLs come from the server's own registry entry.

Package (npm 1.2.0)

npx -y [email protected]

Or add to your MCP client config:

{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "npx",
      "args": [
        "-y",
        "[email protected]"
      ],
      "env": {
        "STORYBOOK_URL": "<YOUR_VALUE>",
        "NODE_TLS_REJECT_UNAUTHORIZED": "<YOUR_VALUE>",
        "DEBUG": "<YOUR_VALUE>"
      }
    }
  }
}
  • STORYBOOK_URL — Base URL of the Storybook instance (default: http://localhost:6006)
  • NODE_TLS_REJECT_UNAUTHORIZED — Set to 0 to allow self-signed certificates on the Storybook host
  • DEBUG — Set to true for verbose logging on stderr

Related servers

Listed in punkpeye/awesome-mcp-servers (MIT)

Data from the Official MCP Registry