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 分