Storybook MCP Server

Integrations

  • Recommended as a runtime environment for installing dependencies and building the MCP server.

  • Supported as an alternative package manager for installing dependencies and building the MCP server.

  • Provides an MCP server that integrates with Storybook, allowing AI tools to query available UI components, retrieve component information and usage examples to help implement UI from design specifications.

Storybook MCP Server

⚠️ This tool was created for testing purposes and is not recommended for use in production environments.


Getting Started

Before you begin, you need to prepare your Storybook static files. https://storybook.js.org/docs/sharing/publish-storybook

1. Clone the repository

git clone https://github.com/m-yoshiro/storybook-mcp.git cd storybook-mcp

2. Install dependencies

We recommend using Bun

bun install # or npm install

3. Build

bun run build # or npm run build

4. Set up

{ "mcpServers": { "storybook-mcp": { "command": "node", "args": [ "/< your path>/index.js", // Optional: path to your Storybook static json file "/< your path>/index.json" ] } } }

The server will load your Storybook data and expose MCP tools to external agents.


🔧 Available Tools

Tool NameDescriptionParameters
list-componentsLists all available components from Storybookpath (optional): Path to the index.json or stories.json file (optional if default path is provided)
find-components-by-nameFinds components based on a keyword (partial match supported)name: Component name or keyword to search forpath (optional): Path to the index.json or stories.json file (optional if default path is provided)

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

local-only server

The server can only run on the client's local machine because it depends on local resources.

A Model Context Protocol server that integrates with Storybook to help AI tools query UI components and retrieve usage examples from static Storybook files.

  1. Getting Started
    1. 1. Clone the repository
    2. 2. Install dependencies
    3. 3. Build
    4. 4. Set up
  2. 🔧 Available Tools

    Related MCP Servers

    • -
      security
      A
      license
      -
      quality
      A Model Context Protocol server that provides seamless interaction with Workato's API through custom AI tools, enabling management of recipes, connections, connectors, folders, and activity logs.
      Last updated -
      TypeScript
      MIT License
      • Apple
      • Linux
    • -
      security
      F
      license
      -
      quality
      A Model Context Protocol server that connects AI assistants like Claude to Notion workspaces, enabling them to view, search, create, and update Notion databases, pages, and content blocks.
      Last updated -
      275
      JavaScript
      • Apple
    • -
      security
      F
      license
      -
      quality
      A Model Context Protocol server that bridges AI assistants like Claude with Wordware's specialized agent capabilities, allowing dynamic loading and access to any Wordware flow through a standardized interface.
      Last updated -
      Python
    • -
      security
      F
      license
      -
      quality
      An implementation of a Model Context Protocol server that allows Claude and other AI assistants to interact with Shortcut.com's ticket management system for searching, viewing, creating, and updating stories.
      Last updated -
      Python
      • Apple

    View all related MCP servers

    ID: o56u8uzj70