Skip to main content
Glama

Storybook MCP Server

by m-yoshiro

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)

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

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

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

    • A
      security
      F
      license
      A
      quality
      A Model Context Protocol server that enables AI models to interact with SourceSync.ai's knowledge management platform for managing documents, ingesting content from various sources, and performing semantic searches.
      Last updated -
      25
      47
      • Apple
      • Linux
    • -
      security
      F
      license
      -
      quality
      A comprehensive Model Context Protocol server implementation that enables AI assistants to interact with file systems, databases, GitHub repositories, web resources, and system tools while maintaining security and control.
      Last updated -
      7
      1
    • -
      security
      F
      license
      -
      quality
      A Model Context Protocol server that provides AI models with structured access to external data and services, acting as a bridge between AI assistants and applications, databases, and APIs in a standardized, secure way.
      Last updated -
      2
    • -
      security
      F
      license
      -
      quality
      A Model Context Protocol server that collects, analyzes, and manages AI use case data from various information sources with features for web scraping, data analysis, and trend identification.
      Last updated -

    View all related MCP servers

    MCP directory API

    We provide all the information about MCP servers via our MCP API.

    curl -X GET 'https://glama.ai/api/mcp/v1/servers/m-yoshiro/storybook-mcp'

    If you have feedback or need assistance with the MCP directory API, please join our Discord server