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)

Install 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. 🎯 Purpose
    1. Getting Started
      1. 1. Clone the repository
      2. 2. Install dependencies
      3. 3. Build
      4. 4. Set up
    2. 🔧 Available Tools
      1. 🔍 Find a matching component for a Figma element
      2. ✨ Auto-generate UI code from a Figma section
    3. 🧠 Why MCP?
      1. 📁 Project Structure
        1. 🤝 Contributing
          1. 📜 License

            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
              543
              • Apple
              • Linux
            • A
              security
              A
              license
              A
              quality
              A Model Context Protocol server that allows AI assistants to interact with Appwrite's API, providing tools to manage databases, users, functions, teams, and other resources within Appwrite projects.
              Last updated -
              84
              46
              Python
              MIT License
              • Linux
              • Apple
            • -
              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 -
              16
              1
              TypeScript
            • -
              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 -
              1
              Python

            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