How do I install @storybook/mcp?

Copy the stdio config for Cursor, Claude Desktop, Claude Code, or VS Code on this page. It uses the publisher's install, not a PlugMCP proxy.

Does @storybook/mcp need an API key?

No required environment variable is listed on this record.

What transport does @storybook/mcp use?

@storybook/mcp runs locally over stdio.

When was @storybook/mcp last checked?

Last checked 2026-11-13. MCP server that serves knowledge about your components based on your Storybook stories and documentation

@storybook/mcp MCP-Server

Agenten stärken

Diesen Server hinzufügen

The publisher's own command. Not a PlugMCP endpoint.

Add to Cursor Add to VS Code Auf PlugMCP ausführen

Host a copy with our keys and logs.

Local command

npx -y @storybook/[email protected]

Claude Code has no install link for a local command. Copy the command below and run it in a terminal.

shClaude Code

1claude mcp add storybook-mcp -- npx -y @storybook/mcp@10.6.7

Run in a terminal.

jsonClaude Desktop

1{2  "mcpServers": {3    "storybook-mcp": {4      "command": "npx",5      "args": [6        "-y",7        "@storybook/[email protected]"8      ]9    }10  }11}

claude_desktop_config.json

Local · npmPublisher installStep-by-step: add this in Claude

Remote URL or a command on your machine? How the two installs differ

Auf PlugMCP ausführen

Host a copy with our keys and logs.

A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.

Starten

Server facts

Local

Transport: stdio
Version: 10.6.7
Last checked

Tools

No tool list yet. Remote servers get one after the first health check.

FAQ

@storybook/mcp

Diesen Server hinzufügen

Host a copy with our keys and logs.

Server facts

Tools

Questions

How do I install @storybook/mcp?

Does @storybook/mcp need an API key?

What transport does @storybook/mcp use?

When was @storybook/mcp last checked?

Documentation