Storybook

Storybook MCP Server

The Storybook MCP (Model Context Protocol) server enables AI agents to interact with a running Storybook instance. Available as the @storybook/addon-mcp addon (runs within the dev server at /mcp) and @storybook/mcp standalone library. Exposes tools for listing documentation, accessing component metadata, previewing stories, and running component tests. Supports React projects in Storybook 10.3+.

GitHub

Documentation

📖
Documentation
https://storybook.js.org/docs/ai/mcp/overview

SDKs

📦
GitHubRepository
https://github.com/storybookjs/mcp

Other Resources

🔗
NPM
https://www.npmjs.com/package/@storybook/addon-mcp
🔗
Blog
https://storybook.js.org/blog/storybook-mcp-for-react/

API entry from apis.yml

apis.yml Raw ↑ 
aid: storybook:storybook-mcp
name: Storybook MCP Server
description: The Storybook MCP (Model Context Protocol) server enables AI agents to interact with a running
  Storybook instance. Available as the @storybook/addon-mcp addon (runs within the dev server at /mcp)
  and @storybook/mcp standalone library. Exposes tools for listing documentation, accessing component
  metadata, previewing stories, and running component tests. Supports React projects in Storybook 10.3+.
humanURL: https://storybook.js.org/docs/ai/mcp/overview
tags:
- AI
- Component Testing
- MCP
- Model Context Protocol
- Open Source
- React
properties:
- type: Documentation
  url: https://storybook.js.org/docs/ai/mcp/overview
- type: GitHubRepository
  url: https://github.com/storybookjs/mcp
- type: NPM
  url: https://www.npmjs.com/package/@storybook/addon-mcp
- type: Blog
  url: https://storybook.js.org/blog/storybook-mcp-for-react/