@storybook/addon-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.