AI Plugin Index
Storybook MCP
Verified · npm:@storybookMCP server by storybookjs · updated · ★ 91k · 1.1M downloads a week
MCP server that serves knowledge about your components based on your Storybook stories and documentation Storybook MCP is published by npm:@storybook from its verified domain in the official MCP Registry.
Install Storybook MCP
Built from the published package, never by AIclaude mcp add storybook-mcp -- npx -y @storybook/mcpRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"storybook-mcp": {
"command": "npx",
"args": [
"-y",
"@storybook/mcp"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
{
"mcpServers": {
"storybook-mcp": {
"command": "npx",
"args": [
"-y",
"@storybook/mcp"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"storybook-mcp": {
"command": "npx",
"args": [
"-y",
"@storybook/mcp"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add storybook-mcp -- npx -y @storybook/mcp{
"mcpServers": {
"storybook-mcp": {
"command": "npx",
"args": [
"-y",
"@storybook/mcp"
]
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
gemini mcp add storybook-mcp npx -y @storybook/mcpGemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.
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 block.
Last commit 3 days ago
MIT: permissive, fine for commercial use
Clear description, published package or server URL, 91,344 stars, original repository
Runs a script automatically when the package is installed
Weekly newsletter
Like Storybook MCP? Get the best new MCP servers every week
The best new tools, security warnings before you install something risky, and one practical tip. Free, three minute read.
Security check
B- Runs a script automatically when the package is installedIn
package.json:"postinstall":
Checked automatically: README.md, package.json. This looks for known risky patterns and is not a full audit. How grades work
Alternatives to Storybook MCP
All alternatives →
Manage Jitsu data pipelines: destinations, streams, connections, functions, live events.
Validate oh-my-posh configurations and segment snippets against the official schema.
Real-time global intelligence across conflict, markets, energy, trade, shipping and cyber. 95 tools.
Securely access and manage FHIR healthcare data stored in Medplum.
Manage monitors, status pages, incidents and maintenances in your openstatus workspace.
MCP tools for interacting with Microsoft Fabric
Storybook MCP: common questions
How do I install Storybook MCP?
In Claude Code run claude mcp add storybook-mcp -- npx -y @storybook/mcp. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is Storybook MCP the official server?
Storybook MCP is published by npm:@storybook from its verified domain in the official MCP Registry.
Is Storybook MCP free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is Storybook MCP safe to use?
It scores 94 of 100. Grades: maintenance A, licence A, quality A. Security check: grade B (runs a script automatically when the package is installed). Review the code before you install. How grades work.
What are alternatives to Storybook MCP?
Similar MCP servers: Jitsu, Oh My Posh Validator, World Monitor, mcp.
Does Storybook MCP 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.