Storybook MCP
OfficialReads Storybook stories, controls and docs so an agent writes UI against the real component API.
Storybook MCP is an MCP server for Dev Tools work. Reads Storybook stories, controls and docs so an agent writes UI against the real component API. Tags: Storybook · 组件 · UI · 文档.
What is Storybook MCP
Storybook MCP exposes Dev Tools capabilities to MCP clients. Reads Storybook stories, controls and docs so an agent writes UI against the real component API.
Install Storybook MCP in Cursor / Claude / Codex
Cursor Open Cursor MCP settings (or user/project mcp.json) and add the server config on this page. If only a start command exists, put command/args into a Cursor MCP entry.
Claude Desktop Add the config to claude_desktop_config.json and restart Claude Desktop.
Codex Add the same command/args or JSON snippet to Codex MCP config. File location depends on your Codex version.
This page has no ready-made install snippet. Open the project home and follow the maintainer instructions to connect Storybook MCP in Cursor, Claude, or Codex.
Please visit the Project Home to see installation and usage instructions.
Tags
Similar recommendations
Memory MCP Server
官方知识图谱记忆服务器，提供持久化记忆系统，让 AI 跨会话存储实体、关系与事实。
Sequential Thinking MCP Server
官方顺序思考服务器，通过动态、反思式的思维序列帮助 AI 进行复杂分步推理与问题求解。
Time MCP Server
官方时间服务器，提供当前时间查询与时区转换能力，让 AI 感知时间上下文。
Everything MCP Server
官方参考/测试服务器，集成 prompts、resources 与 tools，用于演示 MCP 的全部特性。
Sentry MCP Server
官方 Sentry 服务器（已归档），检索与分析 Sentry.io 上的错误与性能问题。
Postman MCP Server
Postman 官方服务器，搜索与执行 API 集合，让 AI 直接调用测试已定义的接口。
FAQ
What problem does Storybook MCP solve?
Storybook MCP focuses on Dev Tools. Reads Storybook stories, controls and docs so an agent writes UI against the real component API.
How do I connect Storybook MCP to my editor?
Use the command or JSON in the install section. If none is listed, follow the project home. Do not paste config from unknown sources.
What similar MCP servers exist?
The related list comes from the same Dev Tools group so you can compare scope.