Chromatic
@chromatic.com
190 followers 6 following 34 posts
Our mission: to improve the UX of the Internet. Core maintainers of Storybook and makers of Chromatic.
Posts Media Videos Starter Packs
Pinned
chromatic.com
🚀 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.
Reposted by Chromatic
storybook.js.org
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
Reposted by Chromatic
domyen.bsky.social
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.
Reposted by Chromatic
storybook.js.org
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
Reposted by Chromatic
storybook.js.org
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
Reposted by Chromatic
storybook.js.org
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
chromatic.com
👀 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
chromatic.com
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
chromatic.com
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 👇
chromatic.com
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...
Reposted by Chromatic
storybook.js.org
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...
Reposted by Chromatic
storybook.js.org
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...
chromatic.com
🚀 Accessibility Testing is live in Chromatic!

Run a11y checks in Storybook.
Catch regressions in CI.
Track progress in the new dashboard.

Join us tomorrow for a live demo of the full pipeline + AMA.

🗓 July 10 · 12PM EDT

🔗 Sign up here: us02web.zoom.us/webinar/regi...
chromatic.com
Getting started is easy:

✅ Works with existing Storybook setup
✅ Included with all Chromatic plans
✅ Enable from project settings

Read the full announcement →
www.chromatic.com/blog/access...
Accessibility Testing & Dashboard are live
Introducing our component-driven approach to accessibility
www.chromatic.com
chromatic.com
The dashboard gives you a component-level overview of accessibility issues across your entire project.

📈 Visualize trends over time and measure progress
🔍 Find components that need the most attention
📋 Prioritize fixes by impact
Accessibility dashboard showing a chart of violations over time and breakdown of violations per component.
chromatic.com
Smart regression checks in CI

Easily distinguish between pre-existing accessibility debt and new issues introduced by your PR.

So you can ship fast without accidentally adding new accessibility issues.
chromatic.com
Traditional tools create redundant errors because they run page-level tests, and components are reused across your app.

You waste time tracing each error back to its source.

Chromatic uses your existing stories to run tests, making it easier to spot and fix issues.
Offending nodes are highlighted in red within the snapshot
chromatic.com
🚀 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.
chromatic.com
🚀 Accessibility Testing drops next week in Chromatic.

Join us for a live demo + AMA:
See how to catch issues in Storybook, prevent regressions in CI, and track fixes over time—without slowing down your team.

🗓 July 10 · 12:00 PM EDT / 18:00 CET

👉 Save your spot: us02web.zoom.us/webinar/regi...
Reposted by Chromatic
storybook.js.org
Scrambling to figure out accessibility automation?

Storybook 9 ships an integrated accessibility pipeline. Let’s break down how it all works together from development to CI.

🧵Read on…
The accessibility pipeline for frontend teams
How Storybook 9 integrates accessibility into every part of the development lifecycle
storybook.js.org
Reposted by Chromatic
storybook.js.org
Are your component tests actually pulling their weight?

Storybook 9 now shows test coverage right in the UI.
Join our live walkthrough and see test coverage across interaction, visual, and a11y.

📅 Thurs, June 26
🕒 12pm EDT / 18:00 CET

Register in the link in the comment 👇
Reposted by Chromatic
syntax.fm
Syntax @syntax.fm · Jun 4
Storybook USED TO feel like such a chore...
Reposted by Chromatic
storybook.js.org
🎙️ Our AMA with the team behind Storybook 9 is live tomorrow!

Join us tomorrow to celebrate our release — and bring your questions for the Storybook team.

📅 June 5 | 🕗 11:00 AM ET / 17:00 CET
📍 Online (Zoom)

👉 Don’t miss out — reserve your spot now: us02web.zoom.us/webinar/regi...