cyberneticlibrary

Discover components from live Storybook docs

mcpmcp_serversetup L20
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