Storybook MCP Addon

About Storybook MCP Addon

Use Storybook MCP Addon with your agent

claude mcp add storybook-mcp-addon -- npx -y @storybook/addon-mcp

{
  "mcpServers": {
    "storybook-mcp-addon": {
      "command": "npx",
      "args": [
        "-y",
        "@storybook/addon-mcp"
      ]
    }
  }
}

Frequently asked questions

What is Storybook MCP Addon?

Storybook MCP Addon is an MCP (Model Context Protocol) server by storybookjs in the Autonomous Agents category. Help agents automatically write and test stories for your UI components.

How do I connect Storybook MCP Addon to Claude, Cursor, or another MCP client?

Install Storybook MCP Addon from its npm package (@storybook/addon-mcp) and register it under "mcpServers" in your client's MCP configuration — for example claude_desktop_config.json or Cursor's mcp.json — then restart the client.

Is Storybook MCP Addon open source?

Yes — the source code is public at github.com/storybookjs/mcp, with 251 GitHub stars.

Can AI agents pay to use Storybook MCP Addon?

Not yet through Loomal — Storybook MCP Addon is listed as a free directory entry. If its maintainer verifies ownership, they can set per-call USDC pricing that agents pay over x402, with settlement on Base.