Skip to main content
Watch: I Built an AI App Without Leaving Databricks

Developer platforms - official Storybook server

Storybook MCP server

A Storybook addon that runs an MCP server inside the local Storybook dev server so agents can query component docs from the components manifest, write and preview stories, and run interaction and accessibility tests. It runs locally from @storybook/addon-mcp (npm) and needs no auth.

Last verified 9 tools5 sources

Install

Generic

Terminal
npx storybook add @storybook/addon-mcp
npx mcp-add --type http --url "http://localhost:6006/mcp" --scope project

Tools

stories-changed
Returns stories changed or possibly affected by local file changes (requires change detection).
get-storybook-story-instructions
Returns instructions on how to write useful stories, including props to capture and interaction tests.
stories-preview
Returns story previews rendered in the agent chat via MCP Apps, or links to the stories in Storybook.
stories-find-by-component
Maps component source files to the stories that render them via the live reverse dependency graph.
review-create
Pushes a curated review of current changes and returns the review-page URL (requires the review feature).
docs-list
Returns an index of components and unattached docs entries.
docs-show
Returns detailed documentation for a component, including props, the first three stories and a story index.
docs-show-story
Returns the full story and associated documentation for a specific story.
test-run
Runs tests for specific stories and returns results, including accessibility issues if configured.

As documented on October 17, 2026. A running server reports its current list through tools/list.

Notes and caveats

  • Storybook labels its AI capabilities as preview; the API may change.
  • The server runs locally at http://localhost:6006/mcp (port may differ) while the Storybook dev server is running; the endpoint path is configurable via the addon's endpoint option.
  • The docs toolset needs the componentsManifest feature, which is generated today only by React frameworks, @storybook/angular-vite and @storybook/vue3-vite.
  • The former storybookjs/mcp monorepo moved into storybookjs/storybook (code/addons/mcp) as of Storybook v10.6.0.
  • Docs show only the npx mcp-add command, not per-client snippets.

FAQ

What does the Storybook MCP server do?

A Storybook addon that runs an MCP server inside the local Storybook dev server so agents can query component docs from the components manifest, write and preview stories, and run interaction and accessibility tests. The vendor documents 9 tools, including stories-changed, get-storybook-story-instructions, stories-preview and stories-find-by-component.

How do I add the Storybook MCP server to an MCP client?

Storybook documents a Generic config; copy it from the Generic section of this page.

Does the Storybook MCP server need authentication?

No. The vendor documents it as needing no auth. Transport: Streamable HTTP. Status: Preview, last checked October 17, 2026.

Sources

Last verified against 5 Storybook pages, then re-checked independently.

Newsletter

New MCP servers, the week they ship

One email per week. New official MCP servers, the coding tools that support them and how developers wire them up.