Storybook MCP Addon

io.github.storybookjs由 GitHub 账号 storybookjs 发布v0.6.0更新于 Oct 24, 2026

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

已验证STDIO仅桌面开发者工具AI 与机器学习

概览

AI 生成的概览

Storybook 插件，提供 MCP 服务器，让 AI 代理为你的 UI 组件编写并测试 stories。

可以做什么
  • 帮助代理为 UI 组件编写 stories
  • 帮助代理在 Storybook 项目中测试 stories
  • 在运行中的 Storybook 开发服务器内提供 MCP 端点
  • 可将端点配置为默认 /mcp 之外的自定义 URL 路径
适用场景
适用于在 Storybook 项目中开发 UI 时，希望 AI 助手代为起草并验证组件 stories 的场景。
运行要求
需要本地 Storybook 项目，以 npm 包形式安装该插件并运行其开发服务器；MCP 服务器通过 streamable HTTP 在插件端点访问，默认路径为 /mcp。未声明认证、环境变量或请求头。
安装前请注意
插件运行在你的 Storybook 开发服务器内，代理可创建并测试项目中的 stories，可能会写入文件并运行 story 测试，提交前请检查改动。未声明任何凭据。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Storybook MCP Addon，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only，通过 STDIO。 STDIO 服务会启动本地进程，因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

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.

来源：packages/addon-mcp/README.md，提交 4589b69

工具

0
SourceWeft 尚未在沙箱中启动过该软件包，因此其工具未知。

版本历史

1
  1. v0.6.0最新Sep 16, 2026

评分

已满足适用检查项的 50%

该评分衡量此收录条目的完整程度，依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价，也不表示服务器安全或当前可用：可连通性是带日期的检查结果，评分也不包含安装量或用户评价。

  • 近 30 天内可连通25 分

    请保持端点能够响应 MCP 握手；SourceWeft 每 30 天探测一次。

  • 已声明认证方式10 分

    请在注册中心条目中声明凭据请求头，或保持端点能够响应探测，以便判定其认证方式。

  • 已列出工具15 分

    请让服务器在无凭据时响应 tools/list，或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分