Chromatic's Avatar

Chromatic

@chromatic.com

Our mission: to improve the UX of the Internet. Core maintainers of Storybook and makers of Chromatic.

218
Followers
6
Following
57
Posts
20.09.2023
Joined
Posts Following

Latest posts by Chromatic @chromatic.com

Chromatic Webinar - How GitHub does Frontend Performance

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👇

27.02.2026 15:56 👍 5 🔁 1 💬 2 📌 0

🎟️ Save your spot: us02web.zoom.us/webinar/regi...

27.01.2026 17:07 👍 1 🔁 0 💬 0 📌 0
how to implement generative ui without losing control webinar

how to implement generative ui without losing control webinar

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 👇

27.01.2026 17:07 👍 2 🔁 1 💬 1 📌 0

🔗 Save your spot: us02web.zoom.us/webinar/regi...

22.01.2026 19:14 👍 0 🔁 0 💬 0 📌 0
how to implement generative ui without losing control webinar

how to implement generative ui without losing control webinar

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 👇

22.01.2026 19:14 👍 1 🔁 2 💬 1 📌 0

🔗 read it here: www.chromatic.com/frontend-wor...

21.01.2026 18:35 👍 1 🔁 0 💬 0 📌 0

🔗 read it here: www.chromatic.com/frontend-wor...

21.01.2026 18:34 👍 0 🔁 0 💬 0 📌 0
frontend-workflow-ai-guide

frontend-workflow-ai-guide

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

21.01.2026 18:32 👍 2 🔁 0 💬 1 📌 0
Preview
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.

🔗 read it here: tympanus.net/codrops/2025...

12.12.2025 21:14 👍 4 🔁 1 💬 1 📌 0

🔗 Save your spot: us02web.zoom.us/webinar/regi...

10.12.2025 17:23 👍 1 🔁 1 💬 0 📌 0

(7/7) Read the full changelog here → www.chromatic.com/blog/chromat...

09.12.2025 17:45 👍 0 🔁 0 💬 0 📌 0

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

09.12.2025 17:45 👍 0 🔁 0 💬 1 📌 0

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

09.12.2025 17:44 👍 0 🔁 0 💬 1 📌 0

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

09.12.2025 17:44 👍 0 🔁 0 💬 1 📌 0

(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?”

09.12.2025 17:44 👍 0 🔁 0 💬 1 📌 0

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

09.12.2025 17:44 👍 0 🔁 0 💬 1 📌 0
Changelog-December-2025

Changelog-December-2025

🚀 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)

09.12.2025 17:44 👍 0 🔁 0 💬 1 📌 0
agentic-design-design-systems-2026-brad-fost

agentic-design-design-systems-2026-brad-fost

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

04.12.2025 21:37 👍 5 🔁 2 💬 2 📌 1
Storybook-MCP-early-access-program

Storybook-MCP-early-access-program

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 👇

01.12.2025 16:14 👍 9 🔁 2 💬 1 📌 0
how-to-automate-ui-testing-from-scratch

how-to-automate-ui-testing-from-scratch

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

20.11.2025 20:34 👍 3 🔁 0 💬 0 📌 0
Storybook-MCP-early-access-program

Storybook-MCP-early-access-program

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

17.11.2025 20:06 👍 29 🔁 6 💬 3 📌 3

🔗 Save your spot: us02web.zoom.us/webinar/regi...

12.11.2025 18:26 👍 0 🔁 0 💬 0 📌 0
How we fixed 15K accessibility issues in Chromatic using Chromatic

How we fixed 15K accessibility issues in Chromatic using Chromatic

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

12.11.2025 18:26 👍 5 🔁 1 💬 1 📌 1

🎟️ Save your spot: us02web.zoom.us/webinar/regi...

07.11.2025 15:30 👍 1 🔁 0 💬 0 📌 0
How we fixed 15K accessibility issues in Chromatic using Chromatic

How we fixed 15K accessibility issues in Chromatic using Chromatic

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

07.11.2025 15:30 👍 2 🔁 1 💬 1 📌 0
Adding Storybook to Svelte Society with Jeppe Reinhold
Adding Storybook to Svelte Society with Jeppe Reinhold YouTube video by Svelte Society

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

29.10.2025 12:30 👍 9 🔁 4 💬 0 📌 1

Save your spot: us02web.zoom.us/webinar/regi...

27.10.2025 16:08 👍 1 🔁 0 💬 0 📌 0
How we auto-heal flaky Snapshots with SteadySnap webinar invite

How we auto-heal flaky Snapshots with SteadySnap webinar invite

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 👇

27.10.2025 16:07 👍 1 🔁 0 💬 1 📌 0

🎟️ Save your spot: us02web.zoom.us/webinar/regi...

22.10.2025 20:16 👍 0 🔁 0 💬 0 📌 0
How we auto-heal flaky Snapshots with SteadySnap webinar invite

How we auto-heal flaky Snapshots with SteadySnap webinar invite

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

22.10.2025 20:16 👍 0 🔁 0 💬 1 📌 0