list-all-documentationLABSCO 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.
Setup effort
Follow the published steps — claude plugin marketplace add storybookjs/mcp@main --scope user
USE CASES
01
Writing a component against its real documented props
Have the agent list the Storybook's documentation first, so it works from the documented args rather than inferring an API from the implementation file.
02
Looking at every story for a component at once
Ask for a preview of the stories; they render out of the dev server, so what you see is the current build and not an old screenshot.
03
Connecting an agent without editing Storybook config
Add the marketplace plugin in Claude Code or Codex - it installs the server and writes the client configuration in the same step.
2 tools
Listed in project docs. Your client may show a different list.
preview-storiesBEFORE YOU INSTALL
What to know first
Tools you get
2 tools named in the project's documentation.
Requires
Storybook 10.5 or later
INSTALLATION
Connect your client
Server setup
TERMINAL
claude plugin marketplace add storybookjs/mcp@main --scope user
claude plugin install storybook@storybook --scope user(Codex instead: codex plugin marketplace add storybookjs/mcp --ref main then codex plugin add storybook@storybook)
