AI Plugin Index
Storybook MCP Server
Verified · npm:storybook-mcp-serverMCP server by stefanoamorelli · updated · ★ 14 · 170 downloads a week
MCP server for Storybook - provides AI assistants access to components, stories, properties and screenshots Storybook MCP Server is published by npm:storybook-mcp-server from its verified domain in the official MCP Registry.
Last commit 402 days ago
AGPL-3.0: copyleft, check the terms before using it in a product
Clear description, published package or server URL, original repository
Not checked yet. What we check
Install Storybook MCP Server
Built from the published package, never by AIclaude mcp add storybook-mcp-server -- npx -y storybook-mcp-serverRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"storybook-mcp-server": {
"command": "npx",
"args": [
"-y",
"storybook-mcp-server"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
Step-by-step: install Storybook MCP Server in Claude Desktop
{
"mcpServers": {
"storybook-mcp-server": {
"command": "npx",
"args": [
"-y",
"storybook-mcp-server"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"storybook-mcp-server": {
"command": "npx",
"args": [
"-y",
"storybook-mcp-server"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add storybook-mcp-server -- npx -y storybook-mcp-server{
"mcpServers": {
"storybook-mcp-server": {
"command": "npx",
"args": [
"-y",
"storybook-mcp-server"
]
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
Step-by-step: install Storybook MCP Server in Antigravity CLI
gemini mcp add storybook-mcp-server npx -y storybook-mcp-serverGemini 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-server block.
Alternatives to Storybook MCP Server
All alternatives →
Start Claude Code and Codex agents the person can watch, wait for them and read their answers.
Publish and discover MCP servers via the official MCP Registry. Powered by HAPI MCP server.
Provide your AI coding tools with token-efficient access to up-to-date technical documentation for…
Official Microsoft Learn MCP Server – real-time, trusted docs & code samples for AI and LLMs.
Give your AI agents trusted access to the full Postman platform.
Agent-Native design tool - create and edit visual designs with agent assistance
Storybook MCP Server: common questions
How do I install Storybook MCP Server?
In Claude Code run claude mcp add storybook-mcp-server -- npx -y storybook-mcp-server. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is Storybook MCP Server the official server?
Storybook MCP Server is published by npm:storybook-mcp-server from its verified domain in the official MCP Registry.
Is Storybook MCP Server free?
The code is published under the AGPL-3.0 licence. The service it connects to may have its own pricing.
Is Storybook MCP Server safe to use?
It scores 51 of 100. Grades: maintenance F, licence C, quality C. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to Storybook MCP Server?
Similar MCP servers: Harness, MCP Registry Server, ref-tools-ref-tools-mcp, Microsoft Learn MCP.
Does Storybook MCP Server 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.