🚀 Chromatic's Accessibility Testing & Dashboard are now live! Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.

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👇

(7/7) Read the full changelog here →

(6/7) 📏 Page Shift Detection now works with Accessibility Tests and can catch cases where multiple elements land in the same commit (as long as each is ≥30px tall). More coverage, fewer sneaky layout shifts.

(5/7) 📊 The Accessibility Dashboard now supports search + rule-type grouping, and your filters persist in the URL. Share exact views with teammates without recreating the setup.

(4/7) 🎛️ The Accessibility Panel got smarter: always visible, auto-expands when new issues show up, and sorts violations by severity + total count. Faster triage without hunting for context.

(3/7) 🔍 The snapshot toolbar now makes new violations way harder to miss. Clear, high-signal indicators = fewer surprises during review and less “wait, when did that happen?”

(2/7) 🧩 Accessibility diffs now appear right in the Build screen. Exact diff counts per test. Instant “where did this violation come from?” visibility. No more clicking into every story hoping to find the culprit.

🚀 New Chromatic updates are here. We’ve been sharpening the testing experience so teams can spot issues earlier and triage way faster. Accessibility testing, UI clarity, and Page Shift Detection all got meaningful upgrades. 🧵 (1/7)

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 🔗 Register link below

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 👇

🔗

UI testing covers a huge surface area—logic, visuals, interactions, a11y, user flows. The challenge isn’t running tests; it’s choosing the right approach. We break down a component-driven strategy that aligns with how modern UIs are built. Link in comments 👇

🧵 (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.

🔗 Save your spot:

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

👉 Register here:

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. We’re sharing how we did it in a live session on 11/13. 🔗 Link in comments

Join @kevmodrome as he works on integrating Storybook into the new Svelte Society website. @DrReinhold is joining in on the fun and helping us out. We're starting in 25 minutes! Tune in and join us in the chat. Link in comments 👇

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