Storybook 10.3 integrates the Model Context Protocol for React, the open standard born from Anthropic designed to let AI models communicate with external tools and data. In practical terms, an AI agent connected to Storybook can inspect existing components, reuse them, generate live previews, and even run accessibility and interaction tests to self-correct errors. The result is interface development that relies less on generic generation and more on real, verifiable code.

The feature breaks down into three tool sets: the development set lets agents showcase their work across relevant interface states, the documentation set enables discovering and reusing design system components, while the testing set provides guardrails and automatic corrections through targeted tests. The MCP server can also be published and shared with the team, even by those not running Storybook locally, and supports composing multiple Storybooks into a single agent context.

Fewer Accessibility Violations, Better Type Safety

Version 10.3 also includes substantial work on Storybook’s own interface accessibility: improved ARIA semantics, more robust keyboard navigation and focus management, stronger color contrast and high contrast support, reduced motion, landmark navigation, and WCAG-focused documentation fixes.

CSF Factories, introduced in Storybook 10 to reduce boilerplate and improve autocomplete when writing stories, now extend to Vue, Angular, and Web Components after the initial React-only launch. Automatic migration codemods are available, though earlier CSF versions remain supported. The current status is Preview, with stable release planned for Storybook 11.

Ecosystem Updates

The release also brings support for Vite 8, Next.js 16.2, ESLint 10, and Angular 21, CLI initialization for Rsbuild, and Preact support in the Vitest addon. The community contributed a Vike integration and an experimental Astro framework.

Upgrade using npx storybook@latest upgrade.