AI can generate UI fast. The hard part is getting UI you’d actually merge. Without your component library + patterns, agents improvise—and you clean it up. Storybook MCP grounds agents in Storybook as the source of truth. Request early access below👇

We’re sharing details about a potential vulnerability that may affect a small subset of built and published Storybooks. 🧵 (1/4)

Wouldn't it be nice to have all platforms in a single @storybook.js.org window? @chmal.it and myself worked on this prototype to stream your local simulators to the Storybook canvas. Let us know if you're interested in this!

Many devs are using AI to write UI. Fewer are giving it the context to do it well. Storybook MCP lets LLMs work from your design system — real components, props, and patterns — instead of guessing. The result: UI that looks like your product, with far less cleanup. Post link👇

AI is now consuming design systems exactly as written. No intuition, no “you know what I meant.” Gaps in examples, states, or constraints show up immediately in what agents generate. Join Brad Frost + Dominic Nguyen tomorrow on making systems agent-ready. Register in comments👇

AI is beginning to use design systems exactly as documented. Gaps in examples, states & constraints lead directly to unpredictable UI output. Join Brad Frost + Dominic Nguyen in a live session to cover what makes a system agent-ready. 📆 Dec 11 • 12PM ET 🔗 Registration link below

📙 @analogjs.org is now listed in the @storybook.js.org docs as a community-maintained framework for @angular.dev and @vite.dev! ⚡️ storybook.js.org/docs

Storybook CLI now auto-detects Rsbuild projects and installs deps like storybook-react-rsbuild for you. Huge shoutout to the @storybook.js.org team!

Agents can’t “just read the repo.” Thousands of files + type soup = instant confusion. Storybook MCP gives agents only the good stuff—curated patterns from your stories, docs & tests—and a loop to self-fix with your component tests. Link to request early access in comments 👇

I'll be talking about Storybook MCP at the JavaScript Developer Conference in Taiwan this week with @evanyou.me, @tej.as, @yusukebe.bsky.social, and many more. 🤩 Excited to see everybody there!

🧵 (1/3) Most AI-generated code looks good until you try to merge it. Wrong props, odd states, subtle regressions. Storybook MCP fixes that. It turns your stories, docs & tests into machine-readable context so agents actually follow your patterns.

Most teams fix a11y issues. Not all stop creating new ones. Tomorrow, our product team is sharing how we built a system that does both—cutting 15k+ violations without slowing delivery. Join us live & bring your questions! 📅 Nov 13 • 12 PM ET / 18 CET 👉 Register in comments

We cut our a11y issues by 94% after we stopped treating them as tickets & started treating them as system flow. Then we blocked new regressions in CI, inflow dropped to zero & the backlog finally moved. Now we’re sharing how we did it in a live session. 🔗 Link in comments

Storybook 10 is here! ✂️ ESM-only (the only breaking change!) 🧩 Module automocking for easier testing 🏭 Typesafe CSF factories Preview for React 💫 UI editing and sharing optimizations 🏷️ Tag filtering exclusion for sidebar management 🔀 Svelte async component support

🔥 Missed @yannbf.bsky.social's ViteConf talk? Now you can watch the replay. Yann Braga (Sr Engineer at Storybook) breaks down modern component testing & how interaction, visual, & accessibility checks come together in Storybook with Vitest, Playwright & Chromatic. 🎥 www.youtube.com/watch?v=YNQ_...

Join @kevinak.se as he works on integrating Storybook into the new Svelte Society website. @reinhold.is is joining in on the fun and helping us out. We're starting in 30 minutes! Tune in and join us in the chat. www.youtube.com/watch?v=3u-P...

My team is growing! Come work on @storybook.js.org! 💻 100% remote (Europe) 🌍 Build in the open 💥 Big impact: help shape how the modern web is built 🚀 Collaborate with a kind, thoughtful team 👉 Apply here: www.chromatic.com/company/care...

My team has fixed over 18 THOUSAND #accessibility violations over the last few months in @chromatic.com and we're continuing to make forward progress. SO stoked to see these kinds of results. How did we get so many?

🎙️ Just published a new episode of Svelte Radio: Storybook is actually good now, with Jeppe Reinhold. Have a listen:

Looking for LLM early adopters on design system teams. We're starting a Design System MCP project to allow AI agents to reuse the DS components. Reply below if interested! Criteria: - Mature design system - Willing to actively provide feedback/repros - Using SB 9 or 8.2+

In today's stream of This Week in Svelte @reinhold.is will join again to talk about Storybook. youtube.com/live/P8jdPBK...

Storybook’s CSF Next is coming 👀 Faster story authoring. Less boilerplate. Built-in TypeScript. And a sneak peek at the new .test() method for writing component tests that feel natural. Join our Storybook maintainers live on Oct 16 for a live demo of what’s next. Registration in comments 👇

Another @storybook.js.org using @angular.dev switching to @vite.dev with @analogjs.org 🤩 www.radix-ng.com - a port of Radix UI for Angular sb-primitives.radix-ng.com?path=/docs/o...

Better context > more context. Been running experiments on LLM cost: - Vanilla prompt $0.71 - With Storybook MCP: $0.39 That’s 45% fewer tokens for the same job.

AI can write your UI. But can you trust it? Kevin Leneway, (Principal AI SE, Pioneer Square Labs) uses Cursor × Storybook to turn raw AI output into prototypes you can validate fast. 🗓️ Oct 12 — 12 PM EDT / 18:00 CET 🔗 Registration link in comments

🆕 Building beautiful components faster with Storybook 9 and Expo This guest post by @dannyhw.com covers how to: • Add Storybook 9 to an Expo app • Catalog UI states and share them with your team • Distribute Storybook builds using EAS • Reuse stories for automated tests expo.dev/blog/storybo...

Cursor writes code fast, but does it work? Pair it with Storybook to see components render in isolation–good, bad or broken. Join us with Kevin Leneway for a live demo of his workflow: ✅ Feed Cursor a build checklist ✅ Watch components render live ✅ Decide: iterate, ship, or scrap Register below👇

We recently rewrote the Intro to Storybook tutorial for Svelte, to use Svelte 5 and Svelte CSF everywhere! If there are any Svelte experts out there that want to take it for a spin and give feedback on the techniques used, that would be greatly appreciated! 🙏 @sveltesociety.dev

We cut @chromatic.com total accessibility violations by over 66% in the last 6 weeks. Here's how: Over the years, we accrued a11y debt because it was everyone and no one's responsibility. Sure, we did VPATs but they were out of date the moment they were finished.

Storybook 10 (now in beta) is ESM-only. 🤏 Smaller package size (15%) 🫧 Cleaner, simpler codebase ⛓️‍💥 Reduced bugs from module duplication and aliasing 🧱 A more future-proof foundation for Storybook and its ecosystem Read all about why we’ve made the transition and what it means for you:

. @npmjs.bsky.social gets hit with its largest supply chain attack 😱, @storybook.js.org 10 drops CJS for big perf wins 🚀, Brave finds a major flaw in Comet browser⚠️, & a dev makes a site to count Claude Code’s favorite phrase: “You’re absolutely right!” 😂 Show link: front-end-fire.com/episodes/113/

Just updated the React Native Storybook Expo template for SDK 54 and its also now based on Expo router. Get up and running in less than a minute: bunx create-expo-app --template expo-template-storybook@latest AwesomeStorybook @storybook.js.org @expo.dev

Wonder how Storybook is thinking about AI? Check these RFCs!

Wow, this is awesome. I hope more and more projects throw CJS in the dustbin.

The next version of Storybook will only have one significant breaking change: Storybook 10 is ESM-only.

🚨 **Security alert** 🚨 Today, malicious versions of [`chalk` and several other packages](www.aikido.dev/blog/npm-deb...) were published to npm. We've assessed the impact to our users and believe the threat from Storybook specifically is minimal. Sharing for visibility. Stay safe out there folks!

Had some fun getting my @storybook.js.org to correctly simulate a streaming genkit LLM response (using msw and/or fetch-mock). For future reference: gist.github.com/jkrems/ce62b... #storybook #genkit

Thursday: @tpitre.bsky.social (CEO, Southleft) shows what happens when you give AI your design system: ⚡ On-brand UI from the first prompt 🧩 Storybook + MCP + Claude workflows 🚀 Faster prototyping, fewer re-prompts Don’t miss it! (link in comments)

Updated my @storybook.js.org and @angular.dev using @vite.dev post with a much easier setup! Its about as close as you can get until an official integration comes from the Storybook team 🤝 dev.to/brandontrobe...

We keep seeing continuous growth in @svelte.dev usage in @storybook.js.org, and it warms my heart. ❤️

⚡ Speaker highlight: Yann Braga, Core Maintainer at @storybook.js.org Storybook is well-known as a one-stop-shop for your components and partnered with @vitest.dev to build the ultimate component testing flow. @yannbf.bsky.social will give us insights and show the full power of Storybook x Vitest

Testing components that depend on things like localStorage or authentication can be tricky. Storybook makes it easy with our new module mocking API built on top of @vitest.dev's excellent mocking tools. storybook.js.org/blog/next-ge...

Vibe coding is fun, but quickly falls apart as your project grows. 😫 PSL's Kevin Leneway is coming to #CascadiaJS to show us how to leverage Storybook to build a full production-ready front end for a real-world project! 🚀 More info 👇

AI-generated UI ≠ production UI. AI UI is off-brand without your design system, and falls apart in production. Join us live with @tpitre.bsky.social, CEO of Southleft & AI-powered DS expert, to see how Storybook + MCP + Claude generate UI from your real components. Registration in comments 👇

For the next few weeks I'll be doing a lot of research into how to use AI Agents when building UI with @storybook.js.org and/or design systems. 🤖 If you have ideas, thoughts, input, resources I should read or people you think I should talk to, don't hesitate to share with me! 👀

One step closer @angular.dev ✅ @storybook.js.org ✅ @vitest.dev ✅ github.com/brandonrober...

I've been working for a while on getting React Native Web to work on Storybook with Vite. Today I want to share a Vite Plugin to make it easier to run React Native Web. Also a bit about how it came about. This is for those trying to do something a bit outside the box 😄

Full speed ahead on component testing for React Server Components! ✅ vitest-plugin-rsc canary now on npm ✅ vite RSC refactor for testing support ✅ @nextjs.org context providers ✅ Notes app demo with tests 👉 github.com/kasperpeulen...

👀 Reminder: our webinar’s tomorrow A11y testing isn’t either/or. Automated checks catch the obvious. Manual testing catches the weird stuff. Used together = fewer bugs in prod. Join us + Homer Gaines, CPACC to break down a workflow that scales. 🎫 Save your spot: us02web.zoom.us/webinar/regi...

Automated a11y tests = fast + scalable. Manual a11y testing = real-world coverage. Used together? You catch more bugs before they ship. Join us + accessibility expert Homer Gaines to build a workflow that works. 🗓️ Tues, Aug 5 — 12PM EDT 🎟️ register here → us02web.zoom.us/webinar/regi...