Storybook MCP Server

Example Use Cases

• 1

  Discover and list components and stories in a Storybook instance.

• 2

  Capture and analyze screenshots of UI components for visual testing.

• 3

  Detailed component prop information and support for responsive and cross-browser testing.

Description

This MCP server connects to any running Storybook instance, enabling AI assistants to browse components, manage stories, inspect detailed props, and capture screenshots for visual and responsive testing. It supports local, production, and public Storybook setups, facilitating component documentation, visual regression, and design system audits. The server uses Puppeteer for screenshots and automatically detects Storybook versions for compatibility.