Storybook MCP Server

Storybook MCP Server

site icon
2025.03.20 8
TypeScriptStorybook 交互开发工具开发效率
Storybook MCP Server 是一个基于 Model Context Protocol 的服务器,用于与 Storybook 进行交互。它提供了一个工具来获取 Storybook 配置中的故事列表,并支持通过 stdio 传输进行通信。
View on GitHub

Overview

基本能力

产品定位

Storybook MCP Server 是一个用于与 Storybook 交互的 Model Context Protocol 服务器,旨在提高开发效率。

核心功能

  • 通过 get-stories 工具获取 Storybook 配置中的故事列表。
  • 使用 @modelcontextprotocol/sdk 构建。
  • 支持 stdio 传输通信。
  • 数据缓存功能,缓存目录为 ./cache

适用场景

  • 开发过程中需要快速获取 Storybook 配置中的故事列表。
  • 需要与 Storybook 进行高效交互的开发环境。

工具列表

  • get-stories: 从 Storybook 配置中获取故事列表。
  • 参数:
    • configDir (string): 包含 .storybook 配置文件夹的绝对路径。
  • 返回: 以 {title}/{name} 格式返回故事列表。

常见问题解答

使用教程

使用依赖

  • 需要安装 bun 运行时环境。

安装教程

  1. 确保已安装 bun
  2. 运行以下命令启动服务器: bash bun [path-to]/storybook-mcp/index.ts

调试方式

  • 启动服务器后,可以通过 stdio 传输进行通信,检查缓存目录 ./cache 以验证数据是否正确缓存。

许可证

None