Discover components from live Storybook docs
mcpmcp_serversetup L2★0
storybookjs/mcp ↗What it does
Expose component and documentation knowledge from Storybook
Best for
AI agents discovering and learning about component libraries from live Storybook documentation.
Inputs
- · Storybook manifests (components.json, docs.json)
- · Component or documentation ID query
Outputs
- · Component definition (props, slots, examples)
- · Story-based documentation
- · Usage examples from Storybook stories
Requires
- · @storybook/mcp
- · @tmcp/transport-http (for HTTP transport)
Preconditions
- · Node.js 20+
- · Storybook manifests source (components.json required, docs.json optional)
- · Custom manifestProvider if manifests not at default path
Failure modes
- · Missing components.json → cannot initialize handler
- · Stale manifests (documentation out of sync with actual components)
- · Per-request context overrides not re-validated on every call
Trust signals
- · Official Storybook package
- · Three MCP tools: list-all-documentation, get-documentation, get-documentation-for-story
- · HTTP handler compatible with self-hosting (Node.js, Netlify Functions, etc.)
- · Custom manifestProvider for non-standard layouts