Storybook MCP Addon
Help agents automatically write and test stories for your UI components.
Help agents automatically write and test stories for your UI components.
Use this profile to copy client config, check auth requirements, review tools and resources, and compare related MCP servers before adding it to an AI client.
Get practical integration notes and launch examples for MCP servers like Storybook MCP Addon.
npx -y @storybook/addon-mcpAdd this server entry to the mcpServers object in your Claude Desktop config, then restart the app.
{
"mcpServers": {
"io-github-storybookjs-addon-mcp": {
"url": "https://io-github-storybookjs-addon-mcp.example.com"
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.jsonNo remote HTTP endpoint is advertised. Use the package or stdio setup shown in Install.
Storybook MCP Addon is an MCP server for Help agents automatically write and test stories for your UI components.. It supports HTTP transport.
Use the generated config in Install. This server runs with npx -y @storybook/addon-mcp; add any required environment variables before starting your client.
Choose the Claude Desktop tab in Install and copy the config for npx -y @storybook/addon-mcp. Add required environment variables before starting Claude Desktop.
Choose the Claude Code tab in Install and copy the config for npx -y @storybook/addon-mcp. Add required environment variables before starting Claude Code.
Choose the Codex tab in Install and copy the config for npx -y @storybook/addon-mcp. Add required environment variables before starting Codex.
Choose the Cursor or VS Code tab in Install and copy the config for npx -y @storybook/addon-mcp. Add required environment variables before starting Cursor or VS Code.
Storybook MCP Addon uses HTTP transport. Use the package or command config in Install.
Storybook MCP Addon inventory is listed when the MCP endpoint exposes tools, resources, or prompts. Some servers require auth first.
Storybook MCP Addon does not advertise a verified auth requirement. If discovery fails, it may still need provider login, an API key, a bearer token, or a session header.
| Package | Registry | Version | Inputs |
|---|---|---|---|
@storybook/addon-mcpstreamable-http | npm | 0.6.0 | Argument: --port |