Labsco
MCP SERVER

Storybook MCP

by storybookjs

Serve your Storybook's component knowledge to a coding agent from the dev server that is already running it.

Design Systems & UI Component Libraries
Summary
Component answers that match the Storybook currently on screen.

Because the server lives in the dev server, what the agent reads is the running build - the same stories and docs a reviewer would open in a browser tab. The project describes itself as experimental and still changing, so treat the tool surface as a moving target rather than a stable API.

What it is

An MCP server that runs inside your Storybook dev server. The agent asks the live Storybook what components exist and how they are documented, instead of reconstructing that from source files.

What you get
  • The Storybook's own documentation listed back to the agent, through the list-all-documentation tool
  • Story previews rendered by the preview-stories tool, shown as an MCP app in clients that support one
  • A standalone library, @storybook/mcp, if you want the component knowledge without running the addon
  • Ready-made plugins for Claude Code and Codex that carry the MCP configuration with them
Requirements

A Storybook you can run. Install through the plugin marketplace (claude plugin install storybook@storybook, or codex plugin add storybook@storybook), or add the addon to your Storybook so it serves the endpoint at http://localhost:6006/mcp. Building the monorepo from source needs Node.js 24 and pnpm 10.19.0.