返回 MCP 目录
public公开dns本地运行

React Native Storybook

一个用于与Storybook交互的MCP服务器

article

README

🚀 故事书 MCP 服务器

本服务器基于 Model Context Protocol (MCP),用于与 Storybook 进行交互,为您提供便捷的故事书操作体验。

🚀 快速开始

运行服务器

使用以下命令启动服务器:

bun [path-to]/storybook-mcp/index.ts

💻 使用示例

基础用法

使用 get-stories 工具从 Storybook 配置中获取故事列表。以下是具体的参数和返回值说明:

参数

| 属性 | 详情 | |------|------| | configDir | 字符串类型,包含 .storybook 配置文件夹的绝对路径 |

返回值

列表中的故事,格式为 {title}/{name}

🔧 技术细节

  • 本项目使用 @modelcontextprotocol/sdk 进行构建。
  • 采用 stdio 传输方式进行通信。
  • 数据会缓存在脚本位置相对的 ./cache 目录中。
help

运行方式说明

cloud

托管运行

托管运行通常表示这个 MCP Server 由服务方环境承载,用户一般按页面提供的连接方式或授权流程接入,不需要在本地长期启动一个 MCP 进程

  1. 打开服务方连接页
  2. 完成授权或复制端点
  3. 在 MCP 客户端中连接
terminal

本地运行 / 其它方式

本地运行通常需要用户在自己的电脑或服务器上安装依赖,把 server_config 复制到 MCP 客户端,并按 env_schema 补齐环境变量、密钥或其它配置

  1. 复制 server_config
  2. 安装所需依赖
  3. 补齐环境变量后重启客户端