Storybook MCP MCP Server

Help agents automatically write and test stories for your UI components

Local serverstdioTypeScript

What is the Storybook MCP MCP server?

If you already use Storybook MCP, the storybook mcp mcp server is the piece that lets your assistant work with it directly. Help agents automatically write and test stories for your UI components.

What the server does

Welcome to the Storybook MCP Addon monorepo! This project enables AI agents to work more efficiently with Storybook by providing an MCP (Model Context Protocol) server that exposes UI component information and development workflows.

Installation

The server ships on npm as pnpm, so your MCP client can launch it on demand — there is no separate build step. Add the server block to your client's configuration, restart it, and the tools register themselves.

Available tools

The toolset is worth reading before you wire it up, because it tells you what the integration is really for:

  • Patch — Bug fixes, documentation updates
  • Minor — New features, backward-compatible changes
  • Major — Breaking changes
  • Questions — Ask in GitHub Discussions
  • Prerequisites — The Prerequisites tool exposed by this server
  • Installation — The Installation tool exposed by this server
  • Development — The turbo watch build command runs all packages in watch mode, automatically rebuilding when you make changes:
  • Building — The Building tool exposed by this server
  • Testing — The monorepo uses a centralized Vitest configuration at the root level with projects configured for each package:

Credentials and setup notes

  • Node.js 24+ - The project requires Node.js 24 or higher (see .nvmrc) - pnpm 10.19.0+ - Strict package manager requirement (enforced in package.json) ```bash

Worth knowing first

  • It runs with your machine's permissions. That is convenient and also the reason to think about what you point it at before you approve a tool call.
  • With 9 tools registered it takes up a noticeable share of the context window; turn it off in projects that never touch Storybook MCP.
  • Keep per-call confirmation enabled while you learn its behaviour; it is the cheapest safeguard you have.

Where it fits

This sits in the developer tooling group, where several servers overlap in what they claim to do but differ sharply once you actually set them up. Storybook MCP's toolset — Patch, Minor, Major and 6 more — is a fair guide to whether it matches your workflow.

This entry was verified against Storybook MCP's own documentation before publication; SyncDev keeps the directory reviewed rather than auto-generated.

Available tools

ToolWhat it does
PatchBug fixes, documentation updates
MinorNew features, backward-compatible changes
MajorBreaking changes
QuestionsAsk in [GitHub Discussions](https://github.com/storybookjs/mcp/discussions)
PrerequisitesThe Prerequisites tool exposed by this server.
InstallationThe Installation tool exposed by this server.
DevelopmentThe turbo watch build command runs all packages in watch mode, automatically rebuilding when you make changes:
BuildingThe Building tool exposed by this server.
TestingThe monorepo uses a centralized Vitest configuration at the root level with projects configured for each package:

How to install the Storybook MCP MCP server

{
  "mcpServers": {
    "github-com-storybookjs-addon": {
      "command": "npx",
      "args": ["-y", "pnpm"]
    }
  }
}

Add to claude_desktop_config.json, then restart Claude Desktop.

Configuration

  • Node.js 24+ - The project requires Node.js 24 or higher (see .nvmrc) - pnpm 10.19.0+ - Strict package manager requirement (enforced in package.json) ```bash

Example prompts to try

  • Use Storybook MCP to Patch.
  • Use Storybook MCP to Minor.
  • Use Storybook MCP to Major.

Frequently asked questions

It connects Storybook MCP to MCP-compatible AI assistants such as Claude and Cursor, exposing 9 tools (Patch, Minor, Major, and more) that the assistant can call on your behalf. Instead of copying data back and forth by hand, the assistant works with Storybook MCP directly.