Storybook MCP Addon

io.github.storybookjsPublished by GitHub account storybookjsv0.6.0Updated Oct 24, 2026

Help agents automatically write and test stories for your UI components.

VerifiedSTDIODesktop onlyDeveloper ToolsAI & ML

Overview

AI-generated overview

Storybook addon that exposes an MCP server so AI agents can write and test stories for your UI components.

What you can do
  • Help agents write stories for UI components
  • Help agents test stories in a Storybook project
  • Serve these capabilities over an MCP endpoint inside the running Storybook dev server
  • Expose the endpoint at a configurable URL pathname instead of the default /mcp
When to use it
Use it when you work in a Storybook project and want an AI assistant to draft and verify stories for your components as part of the UI development workflow.
Requirements
A local Storybook project with the addon installed as an npm package and its dev server running; the MCP server is reached over streamable HTTP at the addon's endpoint path, /mcp by default. No authentication, environment variables or headers are declared.
Before you install
The addon runs inside your Storybook dev server and lets an agent create and test stories in your project, so expect it to write files and run story tests; review changes before committing. No credentials are declared.

Installation

In SourceWeft

  1. Open Storybook MCP Addon in the dashboard and add it to a workspace.
  2. Enable the server for the chats that should use its tools.

Desktop only via STDIO. STDIO servers start a local process, so they need the SourceWeft desktop host.

Other MCP clients

Follow the launch instructions in the repository.

README

Storybook MCP Addon

Storybook addon for MCP-powered UI development workflows.

See documentation for installation instructions, usage examples, APIs, and more.

Configuration

By default, the addon exposes its MCP server at /mcp. You can configure a different literal endpoint path in .storybook/main.ts:

ts
export default {	addons: [		{			name: '@storybook/addon-mcp',			options: {				endpoint: '/custom-mcp',			},		},	],};

The endpoint must be a URL pathname such as /custom-mcp or /tools/mcp.

Learn more about Storybook at storybook.js.org.

Source: packages/addon-mcp/README.md at commit 4589b69

Tools

0
SourceWeft has not started this package in its sandbox yet, so its tools are not known.

Version history

1
  1. v0.6.0LatestSep 16, 2026

Score

50% of the applicable checks met

How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.

  • Reached in the last 30 days25 pts

    Keep the endpoint answering the MCP handshake; SourceWeft probes it every 30 days.

  • Auth declared10 pts

    Declare the credential headers in the registry entry, or keep the endpoint answering the probe so its auth can be classified.

  • Tools listed15 pts

    Answer tools/list without a credential, or ship a package that starts in a sandbox without one.

  • DescriptionRequired15 pts
  • Logo10 pts
  • Documentation15 pts
  • License10 pts