Storybook MCP Addon
local MCP serverStorybook MCP Addon is a local MCP server: Help agents automatically write and test stories for your UI components. Install it from npm as @storybook/addon-mcp.
Installation
Terminal
claude mcp add addon-mcp -- npx -y @storybook/addon-mcp
Run in your project folder. Add --scope user to use it everywhere.
Claude Desktop, Cursor & other clients
Add to claude_desktop_config.json or .cursor/mcp.json.
{
"mcpServers": {
"addon-mcp": {
"command": "npx",
"args": [
"-y",
"@storybook/addon-mcp"
]
}
}
}What you need
- Runtime: Node.js 18+ (runs with npx).
- MCP client: Claude Code, Codex, Antigravity, Claude Desktop, Cursor or any other client that speaks MCP over stdio.
Summary
Help agents automatically write and test stories for your UI components.
Storybook MCP Addon vs similar servers
| Server | Stars | Type | API key | Runtime |
|---|---|---|---|---|
| Storybook MCP Addon | 271 | Local | No | npm |
| vnsh | 156 | Local | No | npm |
| DeepMem | 114 | Hosted | Yes | None |
| Nibomo | 74 | Hosted | No | None |
| thunderbird-cli | 50 | Local | Yes | npm |
Questions
No. The registry entry lists no keys or environment variables.
Node.js 18+ (runs with npx), plus an MCP client such as Claude Code, Codex, Claude Desktop or Cursor.
Storybook MCP Addon is a local MCP server distributed as the npm package @storybook/addon-mcp.
Run: claude mcp add addon-mcp -- npx -y @storybook/addon-mcp
Run: codex mcp add addon-mcp -- npx -y @storybook/addon-mcp
Similar MCP servers
NameStars
- vnshio.github.raullenchai/vnsh156
- DeepMemio.github.deepmemteam/deepmem114
- Nibomocom.nibomo/flashcards74
- thunderbird-cliio.github.vitalio-sh/thunderbird-cli50
- tldrawio.github.tldraw/tldraw51K
- Codebase Memoryio.github.DeusData/codebase-memory-mcp45K
- Repomixio.github.yamadashy/repomix29K
- dbxio.github.t8y2/dbx21K