Storybook MCP Addon
CommunityMCP server by storybookjs · updated · ★ 271 · 1290k downloads a week
Help agents automatically write and test stories for your UI components. Storybook MCP Addon is a community project by storybookjs, not verified by a company domain.
Last commit 43 days ago
MIT: permissive, fine for commercial use
Clear description, published package or server URL, 271 stars, original repository
Not checked yet. What we check
Install Storybook MCP Addon
Built from the published package, never by AIclaude mcp add storybook-mcp-addon -- npx -y @storybook/addon-mcpRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"storybook-mcp-addon": {
"command": "npx",
"args": [
"-y",
"@storybook/addon-mcp"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
{
"mcpServers": {
"storybook-mcp-addon": {
"command": "npx",
"args": [
"-y",
"@storybook/addon-mcp"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"storybook-mcp-addon": {
"command": "npx",
"args": [
"-y",
"@storybook/addon-mcp"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add storybook-mcp-addon -- npx -y @storybook/addon-mcpgemini mcp add storybook-mcp-addon npx -y @storybook/addon-mcp
MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the storybook-mcp-addon block.
Alternatives to Storybook MCP Addon
All alternatives →Mock, record/replay, verify and chaos-test any HTTP, REST, gRPC or LLM dependency over MCP.
XcodeBuildMCP provides tools for Xcode project management, simulator management, and app utilities.
Codebase intelligence for AI coding agents — graph, git history, docs, decisions, code health.
MCP server for AI access to SmartBear tools, including BugSnag, Reflect, Swagger, PactFlow, QTM4J.
Render markdown into email-safe HTML, lint drafts for deliverability problems, and preview emails.
XcodeBuildMCP provides tools for Xcode project management, simulator management, and app utilities.
Storybook MCP Addon: common questions
How do I install Storybook MCP Addon?
In Claude Code run claude mcp add storybook-mcp-addon -- npx -y @storybook/addon-mcp. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is Storybook MCP Addon the official server?
Storybook MCP Addon is a community project by storybookjs, not verified by a company domain.
Is Storybook MCP Addon free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is Storybook MCP Addon safe to use?
It scores 84 of 100. Grades: maintenance B, licence A, quality B. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to Storybook MCP Addon?
Similar MCP servers: mockserver, XcodeBuildMCP, Repowise, SmartBear MCP.
Does Storybook MCP Addon work with ChatGPT?
Not directly. It runs locally, and ChatGPT only connects to remote servers with a URL. Use it in Claude Code, Claude Desktop, Cursor, VS Code or Codex.
