NestDaddy

Mcp Design System Extractor

io.github.freema/mcp-design-system-extractor · v1.3.0

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

Connect Runs on your machine

Terminal
claude mcp add mcp-design-system-extractor -e STORYBOOK_URL=<STORYBOOK_URL> -e NODE_TLS_REJECT_UNAUTHORIZED=<NODE_TLS_REJECT_UNAUTHORIZED> -e DEBUG=<DEBUG> -- npx -y [email protected]
claude_desktop_config.json
{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "npx",
      "args": [
        "-y",
        "[email protected]"
      ],
      "env": {
        "STORYBOOK_URL": "<STORYBOOK_URL>",
        "NODE_TLS_REJECT_UNAUTHORIZED": "<NODE_TLS_REJECT_UNAUTHORIZED>",
        "DEBUG": "<DEBUG>"
      }
    }
  }
}
~/.cursor/mcp.json
{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "npx",
      "args": [
        "-y",
        "[email protected]"
      ],
      "env": {
        "STORYBOOK_URL": "<STORYBOOK_URL>",
        "NODE_TLS_REJECT_UNAUTHORIZED": "<NODE_TLS_REJECT_UNAUTHORIZED>",
        "DEBUG": "<DEBUG>"
      }
    }
  }
}
.vscode/mcp.json
{
  "servers": {
    "mcp-design-system-extractor": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "[email protected]"
      ],
      "env": {
        "STORYBOOK_URL": "<STORYBOOK_URL>",
        "NODE_TLS_REJECT_UNAUTHORIZED": "<NODE_TLS_REJECT_UNAUTHORIZED>",
        "DEBUG": "<DEBUG>"
      }
    }
  }
}

Replace the values in angle brackets with your own. Keys stay on your machine; we never see them.

Tools

This server runs locally, so its tools are listed by your MCP client once it starts.

Environment variables

NameDescription
STORYBOOK_URL
Optional
Base URL of the Storybook instance (default: http://localhost:6006)
NODE_TLS_REJECT_UNAUTHORIZED
Optional
Set to 0 to allow self-signed certificates on the Storybook host
DEBUG
Optional
Set to true for verbose logging on stderr

Details

Package[email protected] (NPM, stdio)
First published6 Nov 2026
Last updated6 Nov 2026
Registry nameio.github.freema/mcp-design-system-extractor

More other servers See all

Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.