Storybook MCP
Official Storybook MCP server (Dev and Test toolsets for any Storybook project, Docs toolset for React, Angular and Vue; launched March 23 2026, part of Storybook 10.3, package `@storybook/mcp` 0.7.0 on April 14 2026; since Storybook 10.6.0, on September 2 2026, the code lives in the main repo and `@storybook/mcp` follows the Storybook version, 10.6.5 as of October 27, with the storybookjs/mcp repo archived read-only). Exposes components, props, stories, MDX docs and A11y/interaction tests to any agent (Claude Code, Cursor, v0). Three toolsets: Dev (show UI in all states via live stories), Docs (discover and reuse components), Test (A11y + interaction guardrails for autonomous correction loop).
Strengths
- Official Storybook + Chromatic, no abandonment risk, public roadmap on GitHub
- Live story previews in the agent's chat: see the component rendered during the conversation
- Test toolset runs A11y + interaction tests in streaming, auto-correction loop without context switch
- Storybook Composition supported: compose multiple Storybooks (main DS + features) into a single MCP endpoint
Limitations
- Preview status per the official docs: the API may change in future releases
- Docs tool limited to projects that generate a components manifest: React, Angular (Vite) and Vue 3 (Vite, experimental docgen); the Dev and Test tools have no framework constraint
Best for
- Team with existing Storybook wanting to open Claude Code/Cursor without letting agents invent components
- Design system manager wanting to expose DS as service consumable by all agents (not just Claude)