integrations/storybook-mcp
Storybook MCP mcp
Storybook's official MCP addon: the agent reads your components' docs and stories, previews them and runs their tests from the local dev server.
Third-party software. Forgeprint hosts none of this code: it is an installation recipe for a project somebody else publishes and maintains. Review the permissions below before installing.
Upstream
| Project | storybookjs/storybook |
|---|---|
| Pinned at | 10.6.0 |
| Verified on | 2026-09-24 |
What it can reach
Serves from your local Storybook dev server with no credentials: reads component docs and stories, runs story tests through Vitest when that addon is installed, and publishes a review of your current changes to its own review page.
It needs no secret.
Install
Claude Code
npx storybook add @storybook/addon-mcp@10.6.0 && claude mcp add-json storybook '{"type":"http","url":"http://localhost:6006/mcp"}'Codex CLI
npx storybook add @storybook/addon-mcp@10.6.0 && codex mcp add storybook --url http://localhost:6006/mcpGemini CLI
npx storybook add @storybook/addon-mcp@10.6.0 && gemini mcp add -t http storybook http://localhost:6006/mcpOnly agents whose command syntax has been verified are listed. A missing agent is one nobody has confirmed, not one that does not work.