Storybook MCP is a new Model Context Protocol server for React that gives AI coding agents intelligence about your existing component library. It provides agents with component metadata (stories, API, docs) to reuse existing components instead of generating new patterns, embeds live story previews directly in chat UIs, and enables agents to run component and accessibility tests autonomously — fixing issues or flagging them for human review. Available now in Storybook 10.3 for React, with support for other frameworks coming later. Teams can publish the MCP server remotely via Chromatic to share component context without running Storybook locally.
Table of contents
Force agents to use your componentsShare UI context across teamsReview agent work with story previewsAgents self-verify with tests303.4K Impressions4 Comments