Skip to main content
Glama

Storybook MCP Server

by m-yoshiro
npmGitHub
JavaScript
MIT License
118
21
OverviewInspectNewEndpointsSchemaRelated ServersReviewsScore
Need Help?View Source CodeReport Issue

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 Name

Description

Parameters

list-components

Lists all available components from Storybook

path

(optional): Path to the index.json or stories.json file (optional if default path is provided)

find-components-by-name

Finds components based on a keyword (partial match supported)

name

: Component name or keyword to search for

path

(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

How are these scores calculated?

hybrid server

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

Tools

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

    • SourceSync.ai MCP Server

      scmdr
      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
      6
      • Apple
      • Linux

    • MCP Toolkit

      zxfgds
      -
      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 -
      33
      1

    • RL-MCP

      rlefko
      -
      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

    • AI Use Cases MCP Server

      makinokeiichi
      -
      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

    Appeared in Searches

    New 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