Storybook MCP Server

Example Use Cases

• 1

  Generate or convert Storybook stories and React components automatically.

• 2

  Validate and sync props between components and their stories across large projects.

• 3

  Manage Storybook addons, generate tests, and perform interactive story editing.

Description

This MCP server bridges Storybook and React development by allowing AI tools like Claude Code to parse, generate, sync, and manage Storybook stories and React components. It supports advanced features such as AST-based parsing, addon management, test generation, interactive editing, and multi-level caching for improved performance on large projects. The server runs as a background process communicating via the Model Context Protocol, facilitating natural language commands to automate workflows and maintain consistency between components and stories.