Michael Shilman

@shilman.net

🇺🇸 dad in 🇹🇼 building @storybook.js.org oss, dev tools, testing, design systems, a11y

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 💙 npmx Today @npmx.dev launches its alpha. What this community has built in just a few months is unreal. The vibes, the speed, the culture. The best thing happening in the JS ecosystem right now. We're proud to be collaborating on bringing component stories to the npm browsing experience.

Storybook 💙 npmx

The npm browsing experience we always wanted

storybook.js.org

npmx@npmx.dev · 5mo ago

npmx is now in alpha: this is our story, as told by our team and friends

Rolldown 1.0 RC is here 🎉 🔒 Stable API: No breaking changes planned before 1.0 ⚡ 10-30x faster than Rollup while staying compatible 🧩 Multiple chunking algorithm improvements 📦 3,400+ commits since beta: 749 features, 682 fixes, 109 perf optimizations

Bild

We poured our hearts into Storybook Test and there’s nothing more satisfying than reading about a team going all in on it. Incredible post @noriste.bsky.social 😍

Stefano Magni@noriste.bsky.social · 7mo ago

Two Preply's engineers undertook a huge project: providing all front-end developers with a way to effectively test their front-end applications, leveraging and betting on @storybook.js.org , and then documenting everything in an amazing article 😍 medium.com/preply-engin... 👇

🚀 #JSDC2025 Speaker Reveal: #MichaelShilman — Co-Founder & Product Lead of Storybook, the open-source standard for building UI components used by ChatGPT, GitHub, Stripe, Airbnb & more. He’ll present “Storybook Test: Maintaining software quality in the Vibe coding era.” 📅 JSDC 2025 | Nov 29

Bild

i have a growing @e18e.dev roadmap of very useful tools we could all benefit from to make it happen, we need two things: sponsors, and leads/champions 👀 if you're interested in either, come chat to me and i'd be happy to show you through the roadmap we have!

We've been cooking! Storybook MCP is our attempt to make AI codegen faster, cheaper, and higher quality by reusing your hand-crafted design system components in generated UI. Join us to help crack this fascinating problem! 🙌

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

Tabs vs spaces? Spaces!! @reinhold.is and I discovered that when it comes to AI codegen using Claude Sonnet 4.5, spaces consume fewer than half the tokens (= half the cost) as tabs. (Curiously, the difference is much smaller on GPT/Gemini/Deepseek, which all seem to use same tokenization.)

"ai-tokenizer" output for similar code generated by Claude Sonnet. The left example uses tabs and consumes 11,653 tokens. The right example uses spaces and consumes 5,607 tokens. Weird!

20y ago I helped build Microsoft Tablet PC, an ambitious project that never fulfilled its promise. Kudos to @supernote.com for creating a truly satisfying digital ink experience. Got mine this week and it’s a dream come true!!!

Picture of Supernote epaper device

Looking for LLM early adopters on design system teams. We're starting a Design System MCP project to allow AI agents to reuse the DS components. Reply below if interested! Criteria: - Mature design system - Willing to actively provide feedback/repros - Using SB 9 or 8.2+