Sign in

Storybook

@storybook.js.org
3.5K followers 143 following 326 posts

Develop, test, and document UI in isolation 🔗 storybook.js.org 🛠️ Maintained by Chromatic

PostsRepliesMedia
Reposted by Storybook
gossi @gos.si · 25/09/2026
I'm releasing `ember-storybook`. Connects @emberjs.com with @storybook.js.org using @vite.dev I talked about it at @emberfest.eu a week ago, now the docs are ready :) ➡️ ember-integrations.github.io/ember-storyb...
ember-integrations.github.io
ember-storybook
Storybook for Ember: develop, document, and test UI components in isolation.
196
Storybook @storybook.js.org · 21/09/2026
Edge states are where UX bugs hide, yet they're the hardest to reach in E2E tests, and unit tests don't run in real UI. Component testing reaches every UX state in a real UI, fast. That’s why it’s been Storybook’s focus for years. We've put what we know into one full guide 👇
Component testing- a practical guide for frontend developers from Storybook
1181
Reposted by Storybook
Anthony Fu @antfu.me · 14/09/2026
@storybook.js.org has been a great companion for working with agents, reviewing the UI components agents made, and making sure components stay pure and stateless. (I have to admit that, as a human, I was too lazy to write stories, but with agents it actually creates a pretty good feedback loop)
3593
Storybook @storybook.js.org · 20/08/2026
You finally got the agent to actually use your components, but then it just stopped working. The new Oversight addon for Storybook can alert you to issues that break the pipeline between components and agents. Join us for a chat with Rachel Cantor, the addon creator, + Q&A. Register in comments. 👇
Why agents get frontend context wrong. August 27, 2026 (Thursday). 12PM EDT, 18:00 CET. Live.
110
Reposted by Storybook
Chromatic @chromatic.com · 06/08/2026
Our upcoming public API lets agents test their own frontend work, diagnose what failed, and fix it in the same loop. Join Jarel Fryer and Varun Vachhar for a live preview and our roadmap for agents. Register in comments 👇
Sneak peek of Chromatic API for Agents webinar
131
Reposted by Storybook
gossi @gos.si · 24/07/2026
Happy to bring #emberjs and @storybook.js.org together. So excited to talk about it at @emberfest.eu
042
Storybook @storybook.js.org · 15/07/2026
If you’ve ever spent longer reviewing an agent’s PR than writing the code yourself, then you know the bottleneck has moved. Tomorrow, Storybook maintainers walk thru: → Claude Code + Codex plugins connected to Storybook → Agents flaggin what to check Register in comments 👇
How to review agent-built UI with Storybook webinar
201
Storybook @storybook.js.org · 09/07/2026
The frontend bottleneck is no longer code generation. It's now reviewing the output of an agent. Storybook is working on two things to fix that: ✅ Claude Code + Codex plugins ✅ Agentic review to surface key changes Join Storybook team for a live walkthrough + Q&A. Register in comments 👇
how to review agent-build ui with storybook webinar
191
Storybook @storybook.js.org · 30/06/2026
Did you know Storybook has @tanstack.com React support built-in? 🛣 Automatic Router wrapping with memory history 🧭 Type-safe route, params, query, and path configuration 🌲 Code-based, file-based, and nested Route support 🧪 Auto-mocked Start server functions ⚙️ Zero-config setup
storybook.js.org
Storybook for TanStack React
First-class support for TanStack Router, Start, and Query
1245
Reposted by Storybook
Chromatic @chromatic.com · 09/06/2026
AI gets you to prototype fast. The hard part is proving the next prompt didn’t break the UI. Join @bolt.new CEO, Eric Simons and Chromatic CEO, Zoltan Olah for a live session on taking AI-generated UIs to production with visual tests + human review. Register in comments👇
from prototype to production webinar bolt and chromatic
162
Reposted by Storybook
Chromatic @chromatic.com · 28/05/2026
We’re launching early access for Vitest visual testing with Chromatic! ⚡️ Built with @vitest.dev core maintainer ariperkkio.dev, Chromatic adds visual testing to the browser tests you already write. 🧵 (1/4)
vitest-chromatic-integration-early-access-program
3538
Reposted by Storybook
Chromatic @chromatic.com · 20/05/2026
📱Announcing beta Chromatic support for visually testing React Native apps! If you already use Chromatic, this workflow should feel familiar: Push a change → Chromatic captures rendered native UI → visual regressions show directly in your PR. 🔍✨ (1/3)
react native early access program chromatic
151
Storybook @storybook.js.org · 19/05/2026
Storybook 10.4 is here! 🤖 Automated setup ✦ Change detection 🤝 Quick sharing 🌴 TanStack React framework 💯 Improvements and bug fixes
storybook.js.org
Storybook 10.4
Automatic setup with agents, review filters, TanStack React, and more
1353
Storybook @storybook.js.org · 12/05/2026
Is your component library lighting up in errors and not sure how to tackle it? 👀 On Thursday, we’re showing how teams use parallel AI agents with Storybook + Chromatic to triage, fix, validate, and retest accessibility issues simultaneously. Register in comments 👇
how to use parallel agents to fix a11y issues
171
Reposted by Storybook
Chromatic @chromatic.com · 06/05/2026
Many a11y issues are repetitive, straightforward, and ideal for parallelized AI workflows. 🤖 Learn how to use Storybook + Chromatic to: ✅ Detect issues ✅ Parallelize remediation ✅ Use AI agents to fix + retest ✅ Validate fixes in Storybook 🎟️ Register in comments 👇
how to use parallel agents to fix a11y issues
131
Reposted by Storybook
Louis Chenais @lucho.cool · 13/04/2026
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 🎉
storybook-astro.org
Storybook Astro — Community Storybook Framework for Astro
0154
Storybook @storybook.js.org · 09/04/2026
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👇
what's next for storybook and AI webinar invitation
121
Storybook @storybook.js.org · 08/04/2026
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 ⤵️
storybook.js.org
Storybook 10.3: MCP, a11y improvements, & workflow upgrades
Component-driven development for humans and agents
14611
Storybook @storybook.js.org · 26/03/2026
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👇
storybook mcp ama webinar
241
Storybook @storybook.js.org · 24/03/2026
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. 🧵 ⤵
5357
Reposted by Storybook
TJ @tpitre.bsky.social · 19/03/2026
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...
linkedin.com
Some big updates to Story UI today. Three of them, actually! For those unfamiliar, Story UI is an open source tool we built at Southleft that lets you generate real layouts from your design system… |...
Some big updates to Story UI today. Three of them, actually! For those unfamiliar, Story UI is an open source tool we built at Southleft that lets you generate real layouts from your design system co...
052
Storybook @storybook.js.org · 17/03/2026
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 👇
how to ship ui with storybook mcp webinar
161
Storybook @storybook.js.org · 12/03/2026
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 👇
how to ship ui with storybook mcp webinar
172
Storybook @storybook.js.org · 03/03/2026
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.
storybook.js.org
Storybook 💙 npmx
The npm browsing experience we always wanted
0454
Storybook @storybook.js.org · 27/02/2026
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👇
Chromatic Webinar - How GitHub does Frontend Performance
251
Storybook @storybook.js.org · 26/02/2026
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 👇
kickstart ds storybook mcp outputkickstart ds storybook mcp prompt
160
Storybook @storybook.js.org · 10/02/2026
AI doesn’t just generate UI faster, it repeats the same mistakes faster too. Storybook MCP adds accessibility checks directly to AI workflows validating components as they’re generated so issues don’t compound into cleanup work. Join Kyle live Thursday to see it in action. 👇
Force AI agents to build accessible UI Chromatic webinar
1120
Reposted by Storybook
Chromatic @chromatic.com · 27/01/2026
What if your UI didn’t have to be decided at build time? Generative UI lets AI assemble the components you already ship using intent, state + data to render UI needed in the moment. We’re walking through how this works live with @mrmagan.bsky.social (Tambo). Register in comments 👇
how to implement generative ui without losing control webinar
121
Reposted by Storybook
Jeppe Reinhold 🇩🇰 @reinhold.is · 23/01/2026
Here's a little sneak peak into the experimental Storybook MCP server we're still working hard on. 👀 @vscode.dev being so quick to add support for MCP features like MCP Apps is absolutely fantastic. 🙏 youtu.be/DqoMsEkXqlI
youtu.be
Storybook MCP App Demo
YouTube video by Jeppe Reinhold
371
Reposted by Storybook
Chromatic @chromatic.com · 22/01/2026
Generative UI isn’t AI writing code. It’s assembling your tested components based on intent, state & data. That only works if your component library is reliable. We’re digging into the React workflow live with @mrmagan.bsky.social (Tambo). Register to join live & get the recording 👇
how to implement generative ui without losing control webinar
112
Reposted by Storybook
Stefano Magni @noriste.bsky.social · 13/01/2026
Two Preply's engineers undertook a huge project: providing all front-end developers with a way to effectively test their front-end applications, leveraging and betting on @storybook.js.org , and then documenting everything in an amazing article 😍 medium.com/preply-engin... 👇
medium.com
Front-end testing at Preply: shifting left towards component testing
Co-authored by Lukasz Rados
151
Storybook @storybook.js.org · 06/01/2026
If you’ve wondered what changed to make Storybook faster, this week’s @devtools.fm episode is a great breakdown. @reinhold.is (Storybook core maintainer) covers Vite, ESM, fewer dependencies → impacts CSF, framework support, vitest. Plus, AI/LLMs via MCP. 🎧 Link in comments 👇
182
Storybook @storybook.js.org · 23/12/2025
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👇
storybook mcp early access program
2101
Storybook @storybook.js.org · 17/12/2025
We’re sharing details about a potential vulnerability that may affect a small subset of built and published Storybooks. 🧵 (1/4)
1158
Reposted by Storybook
Danny @dannyhw.com · 16/12/2025
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!
3194
Storybook @storybook.js.org · 12/12/2025
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👇
180
Storybook @storybook.js.org · 10/12/2025
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👇
agentic-design-design-systems-2026-brad-fost
150
Storybook @storybook.js.org · 04/12/2025
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
agentic-design-design-systems-2026-brad-fost
252
Reposted by Storybook
Brandon Roberts @brandonroberts.dev · 02/12/2025
📙 @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.js.org
Get started with Storybook | Storybook docs
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.
0308
Reposted by Storybook
Rspack @rspack.dev · 03/12/2025
Storybook CLI now auto-detects Rsbuild projects and installs deps like storybook-react-rsbuild for you. Huge shoutout to the @storybook.js.org team!
0122
Storybook @storybook.js.org · 01/12/2025
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 👇
Storybook-MCP-early-access-program
192
Reposted by Storybook
Michael Shilman @shilman.net · 26/11/2025
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!
0111
Storybook @storybook.js.org · 17/11/2025
🧵 (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.
Storybook-MCP-early-access-program
3296
Reposted by Storybook
Chromatic @chromatic.com · 12/11/2025
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
How we fixed 15K accessibility issues in Chromatic using Chromatic
151
Reposted by Storybook
Chromatic @chromatic.com · 07/11/2025
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
How we fixed 15K accessibility issues in Chromatic using Chromatic
121
Storybook @storybook.js.org · 04/11/2025
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
storybook.js.org
Storybook 10
ESM-only, 29% lighter, module automocking, and more
211719
Storybook @storybook.js.org · 31/10/2025
🔥 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_...
youtube.com
Yann Braga | Storybook Vitest | ViteConf 2025
YouTube video by ViteConf
060
Reposted by Storybook
Svelte Society @sveltesociety.dev · 29/10/2025
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...
youtube.com
Adding Storybook to Svelte Society with Jeppe Reinhold
YouTube video by Svelte Society
094
Reposted by Storybook
vanessa 🍄 @nessa.dev · 27/10/2025
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...
chromatic.com
Chromatic • We're hiring!
loading
0144
Reposted by Storybook
michaelarestad.bsky.social @michaelarestad.bsky.social · 17/10/2025
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?
121