storybook-mcp-integration
Reference for the Storybook MCP server itself (@storybook/addon-mcp): 6 tools across 3 toolsets (dev, docs, testing), availability detection, and per-agent toolset filtering. Use when setting up the server or calling these tools directly against components that already exist. For the end-to-end pipeline that turns a mockup into a new component and consumes these tools as one stage, use design-to-code.
- License
- MIT
- Compatibility
- Claude Code 2.1.220+. Optional: @storybook/addon-mcp (Storybook 10.3+, Vite-based only).
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Glob
- Grep
- WebFetch
- WebSearch
- ToolSearch
Files
- skills/storybook-mcp-integration/SKILL.md
- skills/storybook-mcp-integration/rules/_sections.md
- skills/storybook-mcp-integration/rules/component-discovery.md
- skills/storybook-mcp-integration/rules/mcp-test-runner.md
- skills/storybook-mcp-integration/rules/story-preview-verification.md
- skills/storybook-mcp-integration/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.