Install
The installation steps are in the documentation below. Documentation
Documentation
From the project's README on GitHub, refreshed weekly. Links open on GitHub.
Storybook MCP Addon
Storybook addon for MCP-powered UI development workflows.
See documentation for installation instructions, usage examples, APIs, and more.
Configuration
By default, the addon exposes its MCP server at /mcp. You can configure a
different literal endpoint path in .storybook/main.ts:
export default {
addons: [
{
name: '@storybook/addon-mcp',
options: {
endpoint: '/custom-mcp',
},
},
],
};The endpoint must be a URL pathname such as /custom-mcp or /tools/mcp.
Learn more about Storybook at storybook.js.org.
Frequently asked questions
What is MCP?
Helps agents write and test Storybook stories for UI components.
How do I install MCP?
Follow the installation steps in its documentation, shown on this page and in its repository.
Is MCP open source?
Yes. Its code is on GitHub under the MIT license.
Who maintains MCP?
It is published by storybookjs. AI.tn lists it but does not maintain or endorse it.
From the community awesome-mcp-servers lists and the project's GitHub repository. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.