Storybook 10.4: AI Agents Configure Your Component Workshop, Plus First-Class TanStack React
AI agents can now set up Storybook autonomously in complex projects, generating configs, mocks, stories, and interaction tests without human intervention.
Storybook 10.4, released May 18, introduces AI agents that autonomously configure the UI workshop in complex projects. Give an agent the prompt "Set up Storybook for me," and it analyzes your project structure, generates configuration, creates MSW mocks, writes stories, and builds interaction tests for up to 10 components. It then iterates until everything renders correctly with styles intact. The team tested this against Radix Themes, React Spectrum, ECharts, Excalidraw, and Bluesky. A summary of the agent's actions is posted after setup completes.
The other headline feature is @storybook/tanstack-react, a new package built with the TanStack core team. It provides zero-config support for type-safe routing and server functions, with optional documentation for React Query. Stories accept a tanstack parameter that lets you supply route, params, and query values with full type safety. No more mocking the router just to render a component. The Storybook team describes TanStack as its fastest growing application framework.
Change-aware review is the third pillar. The sidebar now filters stories by git change status: new, modified, or related. This matters especially in agent-driven development, where the reviewer may not have written the code and needs to quickly understand what UI surfaces a change affects.
A new share button publishes your Storybook to Chromatic without committing, opening a PR, or waiting for CI. An experimental React Component Meta analyzer replaces react-docgen with a TypeScript Language Service-based approach that detects more components and updates faster on file edits. Upgrade with npx storybook@latest upgrade.