MCP serverCommunity

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

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

freema · ↓ 0 installs

Install

Add the config to your client settings. Replace values in <angle brackets> with your own.

claude_desktop_config.json

{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-design-system-extractor@1.3.0"
      ],
      "env": {
        "STORYBOOK_URL": "<STORYBOOK_URL>",
        "NODE_TLS_REJECT_UNAUTHORIZED": "<NODE_TLS_REJECT_UNAUTHORIZED>",
        "DEBUG": "<DEBUG>"
      }
    }
  }
}

Or in one command — the CLI adds the server to your client config:

CLI

npx ai-point add io.github.freema/mcp-design-system-extractor

Tools

The tool list will appear once the server has a sandbox or the editors fill it in.

Report a problem ↗ (Opens GitHub in a new tab)