Chromatic
@chromatic.com
Our mission: to improve the UX of the Internet.
Core maintainers of Storybook and makers of Chromatic.
Core maintainers of Storybook and makers of Chromatic.
Pinned
Chromatic
@chromatic.com
· Jul 8
🚀 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.
Powered by Storybook & axe, we're making accessibility compliance seamless across your entire dev lifecycle—without slowing you down.
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 👇
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 👇
January 27, 2026 at 5:07 PM
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 👇
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 👇
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 👇
We’re digging into the React workflow live with @mrmagan.bsky.social (Tambo).
Register to join live & get the recording 👇
January 22, 2026 at 7:14 PM
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 👇
We’re digging into the React workflow live with @mrmagan.bsky.social (Tambo).
Register to join live & get the recording 👇
Frontend dev is a feedback loop: build → test → review → ship.
AI speeds it up, and can ship slop just as fast.
Here’s a practical guide for humans + agents to share the same loop using functional + visual + a11y checks to keep UI stable while shipping faster.
👇 link in comments
AI speeds it up, and can ship slop just as fast.
Here’s a practical guide for humans + agents to share the same loop using functional + visual + a11y checks to keep UI stable while shipping faster.
👇 link in comments
January 21, 2026 at 6:32 PM
Frontend dev is a feedback loop: build → test → review → ship.
AI speeds it up, and can ship slop just as fast.
Here’s a practical guide for humans + agents to share the same loop using functional + visual + a11y checks to keep UI stable while shipping faster.
👇 link in comments
AI speeds it up, and can ship slop just as fast.
Here’s a practical guide for humans + agents to share the same loop using functional + visual + a11y checks to keep UI stable while shipping faster.
👇 link in comments
Reposted by Chromatic
🔗 read it here: tympanus.net/codrops/2025...
Supercharge Your Design System with LLMs and Storybook MCP | Codrops
A guide to combining LLM coding agents with Storybook MCP for higher-quality, lower-cost frontend development.
tympanus.net
December 12, 2025 at 9:14 PM
🔗 read it here: tympanus.net/codrops/2025...
Reposted by Chromatic
🔗 Save your spot: us02web.zoom.us/webinar/regi...
December 10, 2025 at 5:23 PM
🔗 Save your spot: us02web.zoom.us/webinar/regi...
🚀 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)
December 9, 2025 at 5:44 PM
🚀 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)
Reposted by Chromatic
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
Join Brad Frost + Dominic Nguyen in a live session to cover what makes a system agent-ready.
📆 Dec 11 • 12PM ET
🔗 Registration link below
December 4, 2025 at 9:37 PM
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
Join Brad Frost + Dominic Nguyen in a live session to cover what makes a system agent-ready.
📆 Dec 11 • 12PM ET
🔗 Registration link below
Reposted by Chromatic
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 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 👇
December 1, 2025 at 4:15 PM
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 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.
👉 www.chromatic.com/blog/how-to-...
We break down a component-driven strategy that aligns with how modern UIs are built.
👉 www.chromatic.com/blog/how-to-...
November 20, 2025 at 8:34 PM
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.
👉 www.chromatic.com/blog/how-to-...
We break down a component-driven strategy that aligns with how modern UIs are built.
👉 www.chromatic.com/blog/how-to-...
Reposted by Chromatic
🧵 (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 fixes that.
It turns your stories, docs & tests into machine-readable context so agents actually follow your patterns.
November 17, 2025 at 8:06 PM
🧵 (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 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
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
November 12, 2025 at 6:26 PM
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
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
Now we’re sharing how we did it in a live session.
🔗 Link in comments
November 7, 2025 at 3:30 PM
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
Now we’re sharing how we did it in a live session.
🔗 Link in comments
Reposted by Chromatic
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...
We're starting in 30 minutes! Tune in and join us in the chat.
www.youtube.com/watch?v=3u-P...
Adding Storybook to Svelte Society with Jeppe Reinhold
YouTube video by Svelte Society
www.youtube.com
October 29, 2025 at 12:30 PM
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...
We're starting in 30 minutes! Tune in and join us in the chat.
www.youtube.com/watch?v=3u-P...
You can’t trust what you can’t reproduce.
Flaky tests pass, fail, then pass again — not because of randomness, but rendering instability.
This Thursday, Scott Johnson, PhD from Chromatic shows how SteadySnap has cut false diffs by 34%.
🗓️ Oct 30 · 12 PM EDT
🔗 Registration link in comments 👇
Flaky tests pass, fail, then pass again — not because of randomness, but rendering instability.
This Thursday, Scott Johnson, PhD from Chromatic shows how SteadySnap has cut false diffs by 34%.
🗓️ Oct 30 · 12 PM EDT
🔗 Registration link in comments 👇
October 27, 2025 at 4:07 PM
You can’t trust what you can’t reproduce.
Flaky tests pass, fail, then pass again — not because of randomness, but rendering instability.
This Thursday, Scott Johnson, PhD from Chromatic shows how SteadySnap has cut false diffs by 34%.
🗓️ Oct 30 · 12 PM EDT
🔗 Registration link in comments 👇
Flaky tests pass, fail, then pass again — not because of randomness, but rendering instability.
This Thursday, Scott Johnson, PhD from Chromatic shows how SteadySnap has cut false diffs by 34%.
🗓️ Oct 30 · 12 PM EDT
🔗 Registration link in comments 👇
Your test fails. You rerun it. It passes. Flake ≠ random. It’s render instability.
Join Chromatic’s graphics specialist, Scott Johnson, to learn what causes flake & how SteadySnap cuts visual inconsistencies by 34%.
🗓️ Oct 30 · 12 PM EDT / 18 CET
👇 Registration in comments
Join Chromatic’s graphics specialist, Scott Johnson, to learn what causes flake & how SteadySnap cuts visual inconsistencies by 34%.
🗓️ Oct 30 · 12 PM EDT / 18 CET
👇 Registration in comments
October 22, 2025 at 8:16 PM
Your test fails. You rerun it. It passes. Flake ≠ random. It’s render instability.
Join Chromatic’s graphics specialist, Scott Johnson, to learn what causes flake & how SteadySnap cuts visual inconsistencies by 34%.
🗓️ Oct 30 · 12 PM EDT / 18 CET
👇 Registration in comments
Join Chromatic’s graphics specialist, Scott Johnson, to learn what causes flake & how SteadySnap cuts visual inconsistencies by 34%.
🗓️ Oct 30 · 12 PM EDT / 18 CET
👇 Registration in comments
Reposted by Chromatic
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 👇
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 👇
October 10, 2025 at 2:47 PM
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 👇
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 👇
Reposted by Chromatic
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.
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.
September 23, 2025 at 6:27 PM
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.
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.
Reposted by Chromatic
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
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
September 29, 2025 at 4:17 PM
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
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
Reposted by Chromatic
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)
⚡ On-brand UI from the first prompt
🧩 Storybook + MCP + Claude workflows
🚀 Faster prototyping, fewer re-prompts
Don’t miss it! (link in comments)
August 26, 2025 at 3:42 PM
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)
⚡ On-brand UI from the first prompt
🧩 Storybook + MCP + Claude workflows
🚀 Faster prototyping, fewer re-prompts
Don’t miss it! (link in comments)
Reposted by Chromatic
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 👇
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 👇
August 20, 2025 at 4:08 PM
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 👇
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 👇
👀 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...
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...
August 4, 2025 at 4:09 PM
👀 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...
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...
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...
August 1, 2025 at 4:48 PM
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...
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...
Accessibility debt adds up fast—especially with limited time, lean teams, and legacy code.
Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap.
Registration link in comments 👇
Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap.
Registration link in comments 👇
July 22, 2025 at 5:16 PM
Accessibility debt adds up fast—especially with limited time, lean teams, and legacy code.
Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap.
Registration link in comments 👇
Join @a11ymel.bsky.social (HashiCorp) & @ericwbailey.website (GitHub) for a live session on how to fix A11y debt without burning out your team or blowing up your roadmap.
Registration link in comments 👇