shield_lock
JinDaGe
← Back to MCP directory
publicPublicdnsLocal runtime

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

Runtime guide

cloud

Hosted runtime

Hosted servers run from a provider-managed environment. You usually connect the MCP client to the hosted endpoint or follow the provider's authorization flow, without keeping a local process alive

  1. Open provider connection page
  2. Authorize or copy endpoint
  3. Connect from your MCP client
terminal

Local runtime / other methods

Local servers run on your own machine or infrastructure. You normally copy the server_config into your MCP client, install the required package, and provide env variables from env_schema when needed

  1. Copy server_config
  2. Install required package
  3. Fill env variables and restart client