storybook-mcp-server
能做什么:读取 Storybook 里的组件清单:列出所有组件与 story、查看属性定义与默认值、取回组件预览截图,照着现有实现与视觉状态校对。属性表、默认值与用法示例一并给出。
什么时候接:维护组件库,想让 AI 查某个组件有哪些属性、照现有写法生成示例,或核对改动前后的视觉差异时。省去逐个点开故事页面核对。
注意:需先启动 Storybook 实例并提供访问地址;只读组件信息,不会改代码,也不会自动跑交互测试,细节以官方 README 为准。跨版本时属性名可能已变更。
可用工具
安装
npx -y storybook-mcp-server@0.1.3
配置到 Claude / Cursor
{
"mcpServers": {
"storybook-mcp-server": {
"command": "npx",
"args": [
"-y",
"storybook-mcp-server@0.1.3"
]
}
}
}来源
- 来源:stefanoamorelli/storybook-mcp-server
- 许可:AGPL-3.0
- 更新日期:2026-10-29
同分类其他 MCP
资料来自官方仓库与 MCP 接口探测,以官方最新文档为准;安装第三方 MCP server 前请自行评估安全风险。