Before you begin, you need to prepare your Storybook static files. https://storybook.js.org/docs/sharing/publish-storybook
git clone https://github.com/m-yoshiro/storybook-mcp.git
cd storybook-mcpWe recommend using Bun
bun install
# or
npm installbun run build
# or
npm run build{
"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.
| 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) |