Michael Shilman

Michael Shilman

@shilman.net

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

2.1K followers603 following315 posts

Pinned

ESM-only FTW! 🚀 First time to do a major with just one breaking change and it’s a great change of pace. Many other nice wins in there too!

Storybook@storybook.js.org

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

Michael Shilman reposted

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

Michael Shilman reposted

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.js.orgStorybook 💙 npmxThe npm browsing experience we always wanted

Michael Shilman reposted

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

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

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

Michael Shilman reposted

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

Michael Shilman reposted

Wouldn't it be nice to have all platforms in a single @storybook.js.org window? @chmal.it and myself worked on this prototype to stream your local simulators to the Storybook canvas. Let us know if you're interested in this!

Michael Shilman reposted

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

Michael Shilman reposted

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!

Michael Shilman reposted

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

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

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

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

Michael Shilman reposted

It was an absolute pleasure chatting with @kevinak.se, @brittneypostma.bsky.social and @antony.is, you're the best bunch! ❤️ And for the record, I did NOT have any influence on the title of the episode, that was all Kev. 😅

Svelte Society@sveltesociety.dev

🎙️ Just published a new episode of Svelte Radio: Storybook is actually good now, with Jeppe Reinhold. Have a listen:

Michael Shilman reposted

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+

Michael Shilman reposted

🆕 Building beautiful components faster with Storybook 9 and Expo This guest post by @dannyhw.com covers how to: • Add Storybook 9 to an Expo app • Catalog UI states and share them with your team • Distribute Storybook builds using EAS • Reuse stories for automated tests expo.dev/blog/storybo...

expo.devBuilding beautiful components faster with Storybook 9 and ExpoLearn how to set up Storybook 9 in your Expo app to build, test, and share React Native UI components faster and with less friction.

Michael Shilman reposted

We recently rewrote the Intro to Storybook tutorial for Svelte, to use Svelte 5 and Svelte CSF everywhere! If there are any Svelte experts out there that want to take it for a spin and give feedback on the techniques used, that would be greatly appreciated! 🙏 @sveltesociety.dev

storybook.js.orgStorybook TutorialsLearn how to build and test UI components with Storybook. Our in-depth frontend guides are created by Storybook maintainers and peer-reviewed by the open source community.

Michael Shilman reposted

🚀 Announcing TanStack.com Start v1 Release Candidate! Upgrades ↓ ✨ Unified Route Tree: no more server-specific files 🔐 Type-safe middleware & server context upgrades 🛡 CSP/nonce support ⚡ Now works with any native Vite Env plugin 🌀 Zero-JS: any server handler can render!

tanstack.comTanStack | High Quality Open-Source Software for Web DevelopersHeadless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.

Extremely proud of our recent work. ESM-only is a major milestone for Storybook and a step forward for the entire community. Lots more screws left to tighten! 🪛💪

Storybook@storybook.js.org

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:

Michael Shilman reposted

Critical part of the President's new $100,000 charge for H1-B visas: The Administration can also offer a $100,000 discount to any person, company, or industry that it wants. Replacing rules with arbitrary discretion. Want visas? You know who to call and who to flatter.

Michael Shilman reposted

pnpm v10.16.0 adds "minimumReleaseAge", a setting for defining how long a version has to have been published before pnpm will install it. A nice countermeasure against accidental installs of short-lived compromised packages before they get taken down. Not a 100% fix, but a great additional step!

github.comRelease pnpm 10.16 · pnpm/pnpmMinor Changes There have been several incidents recently where popular packages were successfully attacked. To reduce the risk of installing a compromised version, we are introducing a new settin...

Michael Shilman reposted

We've been doing a lot of research and experiments with AI and agent-based development lately at @storybook.js.org, and we're finally ready to share some of our learnings and prototypes! We have not one but TWO RFCs that we'd love feedback and input on! 👇