Tessera
Folgen

Dominic Nguyen

@domyen.bsky.social

Makes frontend tools and tweets about how. Founder at Chromatic + StorybookJS

33 Posts102 Follower19 Folgt
Storybook@storybook.js.org · 5mo ago

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

Storybook@storybook.js.org · 5mo ago

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
Storybook@storybook.js.org · 9mo ago

🧵 (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
Dominic Nguyen@domyen.bsky.social · 11mo ago

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.

Dominic Nguyen@domyen.bsky.social · 12mo ago

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
Chromatic@chromatic.com · last yr.

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

Bild
Storybook@storybook.js.org · last yr.

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!

Storybook@storybook.js.org · last yr.

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
Chromatic@chromatic.com · last yr.

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

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

meetup.com

Jeppe Reinhold 🇩🇰@reinhold.is · 2y ago

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

Svelte Society@sveltesociety.dev · 2y ago

Now that speakers have been selected we want to share with you our line-up for Svelte Summit Spring 2025! We will host 16 talks across different topics during the two day conference. In addition, @mainmatter.com will also host a workshop. More details on www.sveltesummit.com

Michael Shilman@shilman.net · 2y ago

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() });