Dominic Nguyen @domyen.bsky.social · 31/03/2026hey I make a VRT tool There are 2 types of VRT, the local loop (Storybook) and the CI loop (Chromatic) In both cases, you need to express edge cases and solve the image/stabilization/diff algo challenges. *.stories are a JS standard way to test functional, a11y, VRT at once across both loops. 000
Reposted by Dominic NguyenStorybook @storybook.js.org · 24/03/2026Storybook 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
Dominic Nguyen @domyen.bsky.social · 18/03/2026Founder here, if this is interesting we should talk 020
Reposted by Dominic NguyenStorybook @storybook.js.org · 12/03/2026AI 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 👇 172
Reposted by Dominic NguyenStorybook @storybook.js.org · 17/12/2025We’re sharing details about a potential vulnerability that may affect a small subset of built and published Storybooks. 🧵 (1/4) 1158
Reposted by Dominic NguyenStorybook @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. 3296
Reposted by Dominic NguyenStorybook @storybook.js.org · 04/11/2025Storybook 10 is here! ✂️ ESM-only (the only breaking change!) 🧩 Module automocking for easier testing 🏭 Typesafe CSF factories Preview for React 💫 UI editing and sharing optimizations 🏷️ Tag filtering exclusion for sidebar management 🔀 Svelte async component supportstorybook.js.orgStorybook 10ESM-only, 29% lighter, module automocking, and more 211719
Dominic Nguyen @domyen.bsky.social · 01/10/2025Parsimony is going to matter for folks deploying AI in their orgs. Or you end up lighting your budget on fire. 🤷 Anyone done similar benchmarking, what did you find? 000
Dominic Nguyen @domyen.bsky.social · 01/10/2025Better context > more context. Been running experiments on LLM cost: - Vanilla prompt $0.71 - With Storybook MCP: $0.39 That’s 45% fewer tokens for the same job. 151
Dominic Nguyen @domyen.bsky.social · 29/09/2025Anyone done DevRel or advocacy within a marketing team? 000
Dominic Nguyen @domyen.bsky.social · 23/09/2025for sure Alex, happy to share the technical approach we used. I'll DM you. 030
Dominic Nguyen @domyen.bsky.social · 23/09/2025It was only when we considered a11y a pipeline and not a checklist that things actually changed. We were able to block merging regressions and finally had visibility into the scope of the issues. Before +17,000 » after 6,579. 100
Dominic Nguyen @domyen.bsky.social · 23/09/2025We 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 Dominic NguyenStorybook @storybook.js.org · 23/09/2025Storybook 10 (now in beta) is ESM-only. 🤏 Smaller package size (15%) 🫧 Cleaner, simpler codebase ⛓️💥 Reduced bugs from module duplication and aliasing 🧱 A more future-proof foundation for Storybook and its ecosystem Read all about why we’ve made the transition and what it means for you:storybook.js.orgStorybook is going ESM-onlySmaller, simpler, and modern 35413
Dominic Nguyen @domyen.bsky.social · 26/08/2025A11y lags behind because testing doesn’t match how we build software. Why? - Audits live outside the dev workflow - Page-level tests create noise - CI/CD gets blocked by a ton of old issues Join me at SquiggleConf to build an a11y pipeline using Storybook! 011
Reposted by Dominic NguyenSquiggleConf @squiggleconf.com · 16/07/2025🌟 Speaker Spotlight: Dominic Nguyen @domyen.bsky.social is a maintainer of Storybook, which does more than just visualize your components. Did you know it can help you catch accessibility issues early in your development flow? Schedule, speakers, and more: squiggleconf.com 032
Reposted by Dominic NguyenStorybook @storybook.js.org · 21/08/2025Testing components that depend on things like localStorage or authentication can be tricky. Storybook makes it easy with our new module mocking API built on top of @vitest.dev's excellent mocking tools. storybook.js.org/blog/next-ge... 1224
Reposted by Dominic NguyenChromatic @chromatic.com · 08/07/2025🚀 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. 2116
Reposted by Dominic NguyenStorybook @storybook.js.org · 18/06/2025Our latest post walks through how to use the coverage reporting in Storybook 9 to be sure your components are well-tested.storybook.js.orgFrontend test coverage with Storybook 9Stories give you free test coverage 2287
Reposted by Dominic NguyenStorybook @storybook.js.org · 03/06/2025Storybook 9 is here! ▶️ Interaction tests ♿ Accessibility tests 👁️ Visual tests 🛡️ Coverage reports 🚥 Test widget 🪶 48% Leaner ✍️ Story generation 🏷️ Tag-based organization 🌐 Story globals 🏗️ Major updates for Svelte, Next.js, React Native, and more! Let’s dive in! 317047
Reposted by Dominic NguyenStorybook @storybook.js.org · 20/05/2025Storybook 9 is now in RC! That means everything shared in this post is now even more ready for you to use in your projects. 🆙 Upgrade - npx storybook@9 upgrade 🆕 Get started - npm create storybook@9 0253
Reposted by Dominic NguyenStorybook @storybook.js.org · 30/04/2025Frontend tests don’t have to suck. We’re hosting a live session next week to prove it. Demoing core workflows in the SB 9 release. You'll learn how to build fast, reliable UI tests using Storybook & Chromatic! 152
Reposted by Dominic NguyenStorybook @storybook.js.org · 24/04/2025Storybook 9 is now in beta! It’s ready for you to try today. Let’s see what’s inside…storybook.js.orgStorybook 9 is now in betaTry the future of UI testing today 712625
Reposted by Dominic NguyenStorybook @storybook.js.org · 21/04/2025Join us for a live session with @marcysutton.com from @khanacademy.org to talk about accessibility testing! We'll share testing strategies, demo what's coming in Storybook 9 next month, and answer your accessibility questions. Happening in 24 hrs. Register now! us02web.zoom.us/webinar/regi... 12510
Reposted by Dominic NguyenMarcy Sutton Todd @marcysutton.com · 16/04/2025Next Tuesday, April 22nd at 10am Pacific I'm participating in a webinar on Accessibility Testing in @storybook.js.org with @kylegach.com from the Chromatic team. You can register here: us02web.zoom.us/webinar/regi... 1122
Reposted by Dominic NguyenChromatic @chromatic.com · 08/04/2025The speakers lineup for our inaugural UX Engineering meetup has dropped! 🎉 If you're into building better UIs, scaling design systems, or just love a good dev talk, this one’s for you. RSVP, spread the word, and let’s make it a good one. 👇 www.meetup.com/nyc-frontend...meetup.comUX Engineering Meetup: NYC, Thu, Apr 17, 2025, 6:00 PM | MeetupHello frontend developers, UX engineers, design system experts, and design engineers! Are you looking for a space to connect with fellow senior engineers and talk shop? Jo 063
Reposted by Dominic NguyenStorybook @storybook.js.org · 25/03/2025We're revamping the Accessibility addon in Storybook 9.0 🔍 Rule-based layout for better readability 🎯 Highlight issues in the canvas 🔗 Permalinks for sharing 🧪 Integrates with Storybook Test 🚦 Integrates with Chromatic for regression checks storybook.js.org/blog/previe... 1379
Reposted by Dominic NguyenStorybook @storybook.js.org · 19/03/2025😍 Preview of the revamped a11y addon coming soon to SB 9. Now includes deeplinking which simplifies repros with stakeholders. 1345
Reposted by Dominic NguyenJeppe Reinhold 🇩🇰 @reinhold.is · 14/02/2025It's official! I'm speaking at Svelte Summit, come see me in Barcelona in May! Can't wait to meet you all in person! I'll be diving into @svelte.dev with @storybook.js.org, and how you can use it to write delicious Component Tests! 🚀 Might also include a surprise collab... 🙊 1308
Reposted by Dominic NguyenMichael Shilman @shilman.net · 16/02/20252017-2020 was @storybook.js.org's honeymoon period. We were first time OSS maintainers, but a UI component workshop was the right tool at the right time. We could do no wrong! Then things started to unravel. 🧵 113021
Dominic Nguyen @domyen.bsky.social · 22/01/2025Most companies weren’t built with AI in mind, yet now they’re navigating this transformation. These are some of the notes I’ve picked up along the way. 000
Dominic Nguyen @domyen.bsky.social · 22/01/2025In our case the generation is the most straightforward part of the toolchain. The community put that together a year ago (h/t Kaelig at Netlify). To make a solution that's fit for purpose, we'd need to build the guardrails and fit it into customer's workflows. 100
Dominic Nguyen @domyen.bsky.social · 22/01/2025But if we wanted to productize a solution around story gen, we'd need to ensure the stories adhered to our user's unique project requirements, coding preferences, AND validate against errors or duplication. 100
Dominic Nguyen @domyen.bsky.social · 22/01/2025When applied to a dev tool like Storybook: • We can auto-generate stories by pasting component code today. • Our open-source data format lets AI tools like Copilot, ChatGPT, and Claude train on millions of example stories. 100
Dominic Nguyen @domyen.bsky.social · 22/01/2025Generation is commoditized. Doesn't make sense to exhaust your resources trying to do it yourself. Build vs Buy. Definitely BUY the generation piece. Use your unique perspective to BUILD the quality validation and refinement instead. 100
Dominic Nguyen @domyen.bsky.social · 22/01/2025• It’s not just about output. The value lies in how well the result meets your industry’s unique criteria. • Your data is your moat. Train on it. • Models will improve. What wasn’t good/cheap enough yesterday could be transformative by the time you get your product to market. 110
Dominic Nguyen @domyen.bsky.social · 22/01/2025You're starting an AI initiative—but not an AI-first company? Here’s how you might approach it: 100
Reposted by Dominic NguyenStorybook @storybook.js.org · 21/01/2025Storybook 8.5 is out! ♿️ Realtime a11y tests to help build UIs for everybody 🛡️ Project code coverage reporting 🎯 Focused tests for fast feedback ⚛️ React Native Web Vite framework for testing mobile UI 🎁 Storybook Test Bootcamp to level up your testing game storybook.js.org/blog/storybo...storybook.js.orgStorybook 8.5Accessibility at your fingertips 28010
Reposted by Dominic NguyenMichael Shilman @shilman.net · 12/01/2025When it comes to writing stories, improved typesafety and autocompletion are @storybook.js.org's top user requests. We've also heard our "play" function feels too different from the rest of the testing ecosystem. We want to address this feedback in Storybook 9. 🧵 66710
Reposted by Dominic NguyenStorybook @storybook.js.org · 17/12/2024Is your Storybook getting unwieldy with component playgrounds, tests, and documentation examples? Use tags to organize and filter the components and stories in your sidebar. 🏷️ Easy authoring 🔍 Interactive sidebar filter 🙈 Static tag-based filtering 🟢 Updated badges addonstorybook.js.orgStorybook tagsOrganize your components and stories to match the way you work 1267
Reposted by Dominic NguyenBrad Frost @bradfrost.com · 18/12/2024📣 BIG ANNOUNCEMENT! I'm excited to announce that we're launching a new online course called Subatomic: The Complete Guide To Design Tokens: www.youtube.com/watch?v=zOD2... This deep-dive course will teach you all you need to master design tokens. Learn more and preorder here: designtokenscourse.comyoutube.comSubatomic: The Complete Guide To Design Tokens Course TrailerYouTube video by Brad Frost 817928
Dominic Nguyen @domyen.bsky.social · 14/12/2024M4 MacBooks good for folks that never close Chrome tabs? I don’t care about geekbench. My benchmark is chrome tabs. 020
Reposted by Dominic Nguyenvanessa 🍄 @nessa.dev · 09/12/2024I’m looking for engineers to do user interviews for @storybook.js.org: - Senior+ / tech lead type - Full stack or frontend app dev - ❗️Have *not* used storybook professionally - Cares about testing Know anyone that’d lend me 30 mins? Hook us up pls 🙏. 32216
Dominic Nguyen @domyen.bsky.social · 04/12/2024Read it the full thing here 👇 www.chromatic.com/frontend-tes...chromatic.comFrontend Testing GuideWe researched dozens of teams to figure out which frontend testing strategies actually work. This helps you create a pragmatic testing strategy while avoiding pitfalls. 000
Dominic Nguyen @domyen.bsky.social · 04/12/2024To give folks a sense of frontend testing, the tools involved, and what each of them is meant for. 100
