Skip to directory

Storybook MCP Addon

Storybook (official)

Streamable HTTP9+ documented tools0

About Storybook MCP Addon

Storybook preview MCP addon gives agents access to local component documentation/manifests, story authoring and previews, and component tests; currently in preview.

What you can use it for

  • Inspect a project's component APIs and stories
  • Generate or validate stories using the project's documented components
  • Run Storybook development and testing workflows from an MCP client
Connection and setup
Hosting
local development server
Transport
Streamable HTTP
Endpoint
Local process; no hosted endpoint documented
Authentication
Local development server; no external hosted endpoint documented.

Requirements

  • An existing Storybook project and the @storybook/addon-mcp package.
  • The running Storybook dev server; component documentation tools additionally depend on framework support and the components manifest.

Setup steps

  1. In the Storybook project root, run the documented installer `npx storybook add @storybook/addon-mcp` and review the resulting project changes.
  2. For frameworks that generate a components manifest, enable `features.componentsManifest` in `.storybook/main.ts` if component-doc tools are needed. React frameworks, Angular Vite, and Vue 3 Vite are documented; other frameworks still provide development and testing tools without this manifest.
  3. Start Storybook with the project's normal dev command. The default local MCP route is `http://localhost:6006/mcp`; use the actual port and configured endpoint path for that project.
  4. For Codex, add the Streamable HTTP URL through the Codex MCP UI or `[mcp_servers.storybook]` in `~/.codex/config.toml`, then reload Codex and inspect its MCP tool list. The tools depend on the running Storybook, installed toolsets, and framework capabilities.
Tools 9+

Nine exact tool identifiers listed in the current official docs/API reference. Toolsets are configurable; review-create requires review feature, docs tools require a components manifest, and test-run requires Storybook Test setup.

  • stories-changed

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    01
  • get-storybook-story-instructions

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    02
  • stories-preview

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    03
  • stories-find-by-component

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    04
  • review-create

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    05
  • docs-show

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    06
  • docs-show-story

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    07
  • docs-list

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    08
  • test-run

    Storybook MCP tool; availability depends on enabled toolset and supporting project features.

    09

This server’s available tools can vary by account, permissions, or configuration. The list shown is not its full runtime catalog.

Limitations and notes
  • AI capabilities are in preview and API may change.
  • Docs tools require a components manifest; support varies by framework.
  • Test tool requires Storybook Test setup; some development tools require feature flags.
Original sources
  • official product documentation

    Storybook documents the MCP add-on install, default /mcp endpoint, framework-dependent components manifest, setup, and runtime behavior.

  • official api documentation

    Documents add-on configuration and toolsets; tool availability depends on the selected framework and project configuration.

  • official product logo asset

    Storybook's official product icon, decoded and visually reviewed on light and dark contact sheets. Selection tier A: product logo.

  • official documentation

    Current publisher or maintainer documentation reviewed 2026-10-28T19:00:00.000Z.

Documentation checked 2026-10-28T19:00:00.000Z. Connection has not been runtime tested.

Similar tools