If you're using @astro.build you may have noticed that you can't use @storybook.js.org to document your Astro components.
Things have changed lately thanks to github.com/slawekkolodz....
I'll give storybook-astro.org a try this week and so should you 🎉
🎟️ Register here: us02web.zoom.us/webinar/regi...
what's next for storybook and AI webinar invitation
AI agents are changing frontend dev and Storybook is evolving to keep up.
Join our session where we share what’s next:
✨ review only changed stories
⚡ faster setup with agents
🧩 10x faster, more complete docgen
🛠 skills with Storybook
Register for the live Q&A + to receive the recording👇
Get started:
- npm create storybook@latest
Or upgrade:
- npx storybook@latest upgrade
And read the post for more details:
storybook.js.org/blog/storybo...
Lots of ecosystem and community updates, too:
⚡ @vite.dev 8
▲ @nextjs.org 16.2
📝 @eslint.org 10
🅰️ @angular.dev 21
🦀 CLI init support for Rsbuild
⚡️ @preactjs.com support for Vitest addon
🤘 Community @vike.dev integration
🚀 Community @astro.build framework (experimental)
// CSF 3 import type { Meta, StoryObj } from '@storybook/your-framework'; import Button from './Button'; const meta = { component: Button } satisfies Meta<typeof Button>; export default meta; type Story = StoryObj<typeof meta>; export const Primary: Story = { args: { label: 'Button', primary: true } }; // CSF Factories - Less boilerplate and no type assignments! 🎉 import preview from '../.storybook/preview'; import Button from './Button'; const meta = preview.meta({ component: Button }); export const Primary = meta.story({ args: { label: 'Button', primary: true } });
We expanded CSF Factories support to include React, Vue, Angular, and Web components projects. They feature better type safety and are more ergonomic for both people and agents as they write stories.
Accessibility. 1249 violations, 263 components, 1226 total tests. Accessibility violations charted from Oct 8 2025 thru Jan 5, 2026. On Nov 13, 2025, they decline sharply from 2728 to the current 1249.
We applied Storybook’s component accessibility testing to Storybook’s own UI and reduced our violations by more than half. That includes better ARIA semantics, stronger keyboard navigation and focus management, better contrast, reduced-motion refinements, and more.
Storybook MCP for React brings Storybook’s component development, documentation, and testing abilities to your AI agents, helping them build UI faster, cheaper, and more reliably.
Support for Vue, Angular, and Web components coming soon!
Read our post:
storybook.js.org/blog/storybo...
Storybook 10.3 is out!
✨ Storybook MCP for React
♿ A11y overhaul fixes 100s of issues
🧑💻 CLI overhaul for faster, more reliable install
💅 New Viewports and Zoom UI
✅ New onboarding guide
🏭 Type-safe CSF factories for Vue, Angular, and Web Components
Take a look ⤵️
🔗 save your spot: us02web.zoom.us/webinar/regi...
storybook mcp ama webinar
Want to hear directly from the team behind Storybook MCP?
Join our live AMA where we’ll cover why we built an MCP server, how agents helped us move faster with more rigor, our eval tooling, and what’s next.
🗓️ Tuesday, March 31, 2026
⏰ 2:00 pm EDT / 20:00 CET
Register in comments👇
MCP is here. Video icon. Storybook AMA. Tuesday, Mar 31. 2:00 PM EDT / 20:00 CEST
Want to see it live? Join the Storybook team Tuesday, 3/31 at 2 PM EDT for a live demo and Q&A:
us02web.zoom.us/webinar/regi...
Storybook MCP is available today, for React projects.
Check the post for more details and instructions to get started.
storybook.js.org/blog/storybo...
Agents can run component and accessibility tests with Storybook MCP and they’re given the right context to fix most issues themselves.
If they need human judgement, e.g. to resolve a color contrast issue, they’ll ask you for it.
GitHub Copilot agent presenting live story previews after completing its work.
Review agentic UI work without leaving the chat.
When agents finish their work, Storybook MCP embeds live story previews and/or links to full generated stories.
It also makes Storybook more useful as a shared source of truth for agent workflows. You can publish your Storybook MCP on Chromatic and turn it into a shared, secure, versioned endpoint for your entire team:
www.chromatic.com/blog/introdu...
All numbers compare Baseline vs. MCP Docs. Quality: 12.8% improved code usage. Speed: 2.76x faster duration. Cost: 27% fewer tokens used.
Storybook MCP forces agents to use your components instead of making up slop. It produces higher quality code, faster, and with less tokens.
Storybook MCP for React is here 🎉
Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time.
🧵 ⤵
Three big Story UI updates:
→ Voice Canvas (generate Storybook stories by voice)
→ Multi-framework support (Vue, Angular, Svelte, Web Components)
→ Multi-provider LLM support (Claude, OpenAI, Gemini). Free, open source.
Full details: www.linkedin.com/posts/tpitre...
🎟️ save your spot: us02web.zoom.us/webinar/regi...
how to ship ui with storybook mcp webinar
What can an AI agent actually do with Storybook?
Join us Thursday, March 19 for a live webinar with Dominic Nguyen and Kyle Gach on Storybook MCP and building UI from a single prompt.
Register in comments 👇
🎟️ save your spot: us02web.zoom.us/webinar/regi...
how to ship ui with storybook mcp webinar
AI agents write better UI with the right context. Storybook MCP gives them access to your components, stories & tests so they can build, preview & validate UI from a single prompt.
Join us for a walkthrough of the workflow + a sneak peek of upcoming features. Link in comments 👇
thank you! we should just build the picker into the menu 🤣
Storybook 💙 npmx
Today @npmx.dev launches its alpha. What this community has built in just a few months is unreal. The vibes, the speed, the culture. The best thing happening in the JS ecosystem right now.
We're proud to be collaborating on bringing component stories to the npm browsing experience.
🤣 aren't we all just floating heads on the internet
🎟️ Register here: us02web.zoom.us/webinar/regi...
Chromatic Webinar - How GitHub does Frontend Performance
Frontend perf gets deferred until UX lags & you’re debugging in prod.
Matthew Costabile (@github.com) is joining Dominic Nguyen (Chromatic) live on GitHub’s approach, their new Storybook perf addon & how component-first measurement complements prod monitoring.
Register in comments👇
kickstart ds storybook mcp output
kickstart ds storybook mcp prompt
KickstartDS built an example of what Storybook MCP is meant for: a page generated from a simple command with a key constraint to use only components from their design system.
This keeps the results in-system and on guardrails.
Learn more about Storybook MCP & sign up below 👇
