MCP

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.