iiinova — where your digital self keeps evolving

Reposted by Dominic Nguyen

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 Dominic Nguyen

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 Dominic Nguyen

Storybook @storybook.js.org · 17/12/2025

We’re sharing details about a potential vulnerability that may affect a small subset of built and published Storybooks. 🧵 (1/4)

1158

Reposted by Dominic Nguyen

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.

3296

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 04/11/2025

Storybook 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 support

storybook.js.org

Storybook 10

ESM-only, 29% lighter, module automocking, and more

211719

Dominic Nguyen @domyen.bsky.social · 01/10/2025

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

Token parsimony. 45% fewer tokens if you provide better context.

151

Dominic Nguyen @domyen.bsky.social · 29/09/2025

Anyone done DevRel or advocacy within a marketing team?

000

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 Dominic Nguyen

Storybook @storybook.js.org · 23/09/2025

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

Storybook is going ESM-only

Smaller, simpler, and modern

35413

Dominic Nguyen @domyen.bsky.social · 26/08/2025

A11y 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!

Join me at squiggle conf sep 18-19 to talk about a11y pipelines

011

Reposted by Dominic Nguyen

SquiggleConf @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

Poster for SquiggleConf 2025, September 18-19 Boston

Catch Accessibility Issues at the Source with Storybook

Dominic Nguyen, Chromatic Creator; Storybook maintainer

032

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 21/08/2025

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

The file Dashboard.stories.ts containing the code:

import { mocked } from 'storybook/test';
import { trackEvent } from '../lib/analytics.ts';

export const MyStory = {
beforeEach: () => {
/*
* The `trackEvent` function is already a mock!
* The `mocked` utility is just for proper mock function types
*/
mocked(trackEvent).mockResolvedValue({ status: 'ok' });
},
play: async () => {
// ... interact with the component
await expect(trackEvent).toHaveBeenCalledWith('dashboard-viewed');
},
};

1224

Reposted by Dominic Nguyen

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

2106

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 18/06/2025

Our latest post walks through how to use the coverage reporting in Storybook 9 to be sure your components are well-tested.

storybook.js.org

Frontend test coverage with Storybook 9

Stories give you free test coverage

2287

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 03/06/2025

Storybook 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 Nguyen

Storybook @storybook.js.org · 20/05/2025

Storybook 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 Nguyen

Storybook @storybook.js.org · 30/04/2025

Frontend 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!

Live session: Frontend testing from dev to prod

152

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 24/04/2025

Storybook 9 is now in beta! It’s ready for you to try today. Let’s see what’s inside…

storybook.js.org

Storybook 9 is now in beta

Try the future of UI testing today

712625

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 21/04/2025

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

Live session. Pragmatic accessibility testing for developers. April 22, 2025, 10:00–11:00am PDT, 19:00–20:00 CET. Storybook, Khan Academy, Chromatic. Marcy Sutton Todd. Senior Engineer, Frontend Infrastructure, Khan Academy. Kyle Gach, DX Engineer, Storybook.

12510

Reposted by Dominic Nguyen

Marcy Sutton Todd @marcysutton.com · 16/04/2025

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

Pragmatic accessibility testing for developers: live session from Storybook, Khan Academy, and Chromatic. Hosted by Marcy Sutton Todd and Kyle Gach on April 22, 2025 from 10:00 to 11:00 am PDT / 19:00 to 20:00 CET.

1122

Reposted by Dominic Nguyen

Chromatic @chromatic.com · 08/04/2025

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

UX Engineering Meetup: NYC, Thu, Apr 17, 2025, 6:00 PM | Meetup

Hello 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 Nguyen

Storybook @storybook.js.org · 25/03/2025

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

Screenshot of Storybook 9.0's interface showing the new Accessibility addon panel. The panel displays accessibility violations with their severity. The left sidebar shows component navigation, with indicators for stories that have accessibility violations.

1379

Reposted by Dominic Nguyen

Storybook @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 Nguyen

Jeppe Reinhold 🇩🇰 @reinhold.is · 14/02/2025

It'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 Nguyen

Michael Shilman @shilman.net · 16/02/2025

2017-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/2025

You're starting an AI initiative—but not an AI-first company? Here’s how you might approach it:

100

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 21/01/2025

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

Storybook 8.5

Accessibility at your fingertips

28010

Reposted by Dominic Nguyen

Michael Shilman @shilman.net · 12/01/2025

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

Code snippet for new CSF typesafe factories and test proposal.

const meta = config.meta({ component: Button })

// 1. Type-safe story factories "arrange"
export const Primary = meta.story({
args: { label: 'Primary', onClick: fn() }
})

// 2. Jest-style tests "act" and "assert"
Primary.test('handles clicks', async ({ canvas, args }) => {
await userEvent.click(canvas)
await expect(args.onClick).toHaveBeenCalled()
});

66710

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 17/12/2024

Is 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 addon

storybook.js.org

Storybook tags

Organize your components and stories to match the way you work

1267

Reposted by Dominic Nguyen

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

youtube.com

Subatomic: The Complete Guide To Design Tokens Course Trailer

YouTube video by Brad Frost

817928

Dominic Nguyen @domyen.bsky.social · 14/12/2024

M4 MacBooks good for folks that never close Chrome tabs? I don’t care about geekbench. My benchmark is chrome tabs.

020

Reposted by Dominic Nguyen

vanessa 🍄 @nessa.dev · 09/12/2024

I’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/2024

Just launched a guide that breaks down *frontend* testing. Why? Most testing guides are full stack. They're good at broad strokes, but aren't specific to frontend devs day-to-day. www.chromatic.com/frontend-tes...

chromatic.com

Frontend Testing Guide

We researched dozens of teams to figure out which frontend testing strategies actually work. This helps you create a pragmatic testing strategy while avoiding pitfalls.

110

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 03/12/2024

🙅 Firing up your whole E2E setup just to test React Server Components (RSCs) 🙌 Component testing RSCs in the browser, with mocked complex app states and reliable speed Check our newest blog post, or read on for the highlights. storybook.js.org/blog/compone...

storybook.js.org

Component testing RSCs

Fully test React Server Components in the browser, fast

13512

Dominic Nguyen @domyen.bsky.social · 20/11/2024

🏆 Thinking about what the testing trophy looks like for frontend devs. Stronger focus on testing components, a11y, appearance. Less focus on E2E and unit.

031

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 12/11/2024

Storybook 8.4 is here! ▶️ 1-click Component Testing in browser 🫧 50% smaller bundle size & 75% smaller lockfile 5️⃣ Svelte 5 and Svelte CSF ⚛️ React Native Storybook 8 🏷️ Tagging and filtering stories 💯 Hundreds more improvements 🧵

storybook.js.org

Storybook 8.4

Component Test in your browser in 1 click

49216

Dominic Nguyen @domyen.bsky.social · 11/11/2024

UI Engineering, frontend eng, design engineering, design systems. What’s the diff? And which one resonates with you?

100

Reposted by Dominic Nguyen

Storybook @storybook.js.org · 31/10/2024

Storybook Test sneak peek 👀 ⚡️ Blazing fast tests that run in the browser 🌈 Component, visual, and a11y tests simultaneously 🚦 Visualize results inside Storybook 👉 Click-to-debug in your own browser 🌐 Optimized for test coverage 💻 VSCode integration via Vitest

3448