The Storybook MCP Server facilitates integration between Storybook components and external tools (like AI) to enhance UI development workflows. It exposes component data via MCP, allowing you to:
- List all components: Retrieve all available components from Storybook using the
list-components
tool - Search components by name: Find components by name or keyword using the
find-components-by-name
tool, supporting partial matches - Facilitate UI component discovery based on design contexts from Figma
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
2. Install dependencies
We recommend using Bun
3. Build
4. Set up
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 forpath (optional): Path to the index.json or stories.json file (optional if default path is provided) |
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.
Related MCP Servers
- AsecurityFlicenseAqualityA 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 -25543
Appwrite MCP Serverofficial
AsecurityAlicenseAqualityA 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 -8446PythonMIT License- -securityFlicense-qualityA 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 -161TypeScript
- -securityFlicense-qualityA 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 -1Python