Sign in

Chromatic

@chromatic.com
255 followers 6 following 98 posts

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

PostsRepliesMedia
Chromatic @chromatic.com · 24/09/2026
@vitest.dev already renders your components in a real browser. Now you can visually test them there, with no test code changes. 🎙️ @ariperkkio.dev, the Vitest core maintainer who built our new plugin, is doing a live walkthru with @kylegach.com to show you how. 🎟️ Save your spot 👇
How to visually test your components with Vitest & Chromatic
1151
Chromatic @chromatic.com · 03/09/2026
Chromatic for @vitest.dev Browser Mode is live. 🧪📸 Browser Mode runs your component tests in a real browser. Now Chromatic checks how those components look by capturing the rendered UI. No new screenshot assertions. No second suite to maintain. 🧵 (1/4)
Vitest Visual Regression Testing with Chromatic
1244
Chromatic @chromatic.com · 02/09/2026
iOS is now available for React Native visual testing on Chromatic 📱 Chromatic now builds your Storybook app for iOS and runs your visual tests on the iOS simulator. 👉 Request beta access to get started: share.hsforms.com/1Bjqi15TSS3m...
Chromatic iOS testing React Native
020
Chromatic @chromatic.com · 25/08/2026
This month we’re rolling out two changes to help you test more with fewer snapshots. 🔀 Builds that don’t touch UI are free 📊 New Trends dashboard to help you investigate usage spikes 👇
120
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
Chromatic @chromatic.com · 14/07/2026
Flaky tests shouldn't block your build. Meet Flake filter: Chromatic now auto-detects unstable tests, so you can focus on real changes without getting blocked by flakes. 🧵
220
Reposted by Chromatic
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
Reposted by Chromatic
codrops @codrops.bsky.social · 24/06/2026
Visual bugs don't always show up in your test suite. Kyle Gach from Chromatic shares how visual testing complements Vitest Browser Mode, helping catch the layout, styling, and responsive regressions that traditional component tests can miss. Early access is now open: tympanus.net/codrops/?p=1...
031
Chromatic @chromatic.com · 11/06/2026
Get first access to our @vitest.dev plugin, which adds Chromatic’s visual testing and review to your browser tests. It’s built by @ariperkkio.dev, a Vitest core maintainer. It’s free to use while in beta and requires no changes to your test files. Read on for more info 🧵
Early access. Vitest Browser Mode visual tests in Chromatic for free (while in beta for the summer)
1163
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
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
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
Reposted by Chromatic
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
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
Chromatic @chromatic.com · 17/04/2026
Our April changelog is out: 🔀 PR comments: Your test results and Storybook link right in the PR comment 🫨 Auto Playwright traces on unstable snapshots (no rerun needed) 🤖 Publish your Storybook MCP so agents reuse your approved components Read the full changelog 👇
Chromatic changelog April 2026
110
Reposted by Chromatic
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
Reposted by Chromatic
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
Chromatic @chromatic.com · 24/03/2026
Announcing Storybook MCP for React + publishing on Chromatic 🎉  🧵 ⤵️
storybook mcp for react launch
152
Reposted by Chromatic
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 Chromatic
Storybook @storybook.js.org · 17/03/2026
🎟️ save your spot: us02web.zoom.us/webinar/regi...
021
Reposted by Chromatic
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
Reposted by Chromatic
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
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
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
Chromatic @chromatic.com · 21/01/2026
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
frontend-workflow-ai-guide
120
Reposted by Chromatic
Storybook @storybook.js.org · 12/12/2025
🔗 read it here: tympanus.net/codrops/2025...
tympanus.net
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.
141
Reposted by Chromatic
Storybook @storybook.js.org · 10/12/2025
🔗 Save your spot: us02web.zoom.us/webinar/regi...
011
Chromatic @chromatic.com · 09/12/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)
Changelog-December-2025
100
Reposted by Chromatic
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 Chromatic
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
Chromatic @chromatic.com · 20/11/2025
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-...
how-to-automate-ui-testing-from-scratch
030
Reposted by Chromatic
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
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
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
Reposted by Chromatic
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
Chromatic @chromatic.com · 27/10/2025
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 👇
How we auto-heal flaky Snapshots with SteadySnap webinar invite
110
Chromatic @chromatic.com · 22/10/2025
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
How we auto-heal flaky Snapshots with SteadySnap webinar invite
100
Reposted by Chromatic
Storybook @storybook.js.org · 10/10/2025
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 👇
Webinar invitation – CSF Next: Less Boilerplate, faster story writing
1141
Reposted by Chromatic
Dominic Nguyen @domyen.bsky.social · 23/09/2025
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.
1183
Reposted by Chromatic
Storybook @storybook.js.org · 29/09/2025
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-webinar-rapid-frontend-prototyping-cursor-storybook
132
Reposted by Chromatic
Storybook @storybook.js.org · 26/08/2025
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)
ai in design systems webinar
162
Reposted by Chromatic
Storybook @storybook.js.org · 20/08/2025
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 👇
tj-pitre-ai-design-systems-webinar
192
Chromatic @chromatic.com · 04/08/2025
👀 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...
homer-gaines-webinar-manual-vs-automated-a11y-testing
011
Chromatic @chromatic.com · 01/08/2025
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...
automated vs manual a11y testing webinar
131
Chromatic @chromatic.com · 22/07/2025
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 👇
143
Chromatic @chromatic.com · 18/07/2025
Accessibility debt piles up fast. Fixing it shouldn’t burn out your team. Join @a11ymel.bsky.social (HashiCorp) and @ericwbailey.website (GitHub) for a live session on how to reduce A11y debt without overwhelming your team. 🗓 July 24, 12PM EDT 🔗 save your spot: us02web.zoom.us/webinar/regi...
1267
Reposted by Chromatic
Storybook @storybook.js.org · 14/07/2025
Tomorrow, we're showing you how we cut 48% of Storybook’s bundle size. Join Jeppe Reinhold (Storybook core) and James Garbutt (aka 43081j, head of e18e) for a live breakdown with Q&A. 🔗 Grab your spot: us02web.zoom.us/webinar/regi...
1103
Reposted by Chromatic
Storybook @storybook.js.org · 11/07/2025
Want to cut your app’s bundle size in half? Storybook just slashed its bundle by 48%. Now the devs behind it—@reinhold.is & @43081j.com —are showing how you can do the same. ✅ What they cut ✅ How to find & fix bloat ✅ What’s next for optimization 📍 Save your seat: us02web.zoom.us/webinar/regi...
0202