Storybook MCP Addon

MCP

Official Storybook addon that exposes an MCP endpoint on the Storybook dev server so agents can look up component docs and props, write and preview stories, and run component and accessibility tests. Storybook must be running; AI features are in preview.

storybookjs/storybook · code/addons/mcp91.3k
Ver en GitHub
README

Storybook MCP Addon

Storybook addon for MCP-powered UI development workflows.

Storybook MCP Addon Demo

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.