Michael Shilman
@shilman.net
🇺🇸 dad in 🇹🇼 building @storybook.js.org
oss, dev tools, testing, design systems, a11y
oss, dev tools, testing, design systems, a11y
Pinned
Michael Shilman
@shilman.net
· 10d
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
✂️ 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 10
ESM-only, 29% lighter, module automocking, and more
storybook.js.org
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!
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!
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.)
@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.)
November 13, 2025 at 10:25 AM
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.)
@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!!!
November 8, 2025 at 4:14 AM
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!!!
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!
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 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
✂️ 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 10
ESM-only, 29% lighter, module automocking, and more
storybook.js.org
November 5, 2025 at 1:15 PM
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!
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!
Reposted by Michael Shilman
🚀 Announcing @analogjs.org 2.0!
📜 Content Resources for @angular.dev
📦 Optimized Installs and Bundling
⚡️ @vite.dev ecosystem upgrades
And more!
dev.to/analogjs/ann...
📜 Content Resources for @angular.dev
📦 Optimized Installs and Bundling
⚡️ @vite.dev ecosystem upgrades
And more!
dev.to/analogjs/ann...
Announcing AnalogJS 2.0 ⚡️
We're excited to announce the 2.0 release of AnalogJS! This release includes many features that help...
dev.to
November 3, 2025 at 3:23 PM
🚀 Announcing @analogjs.org 2.0!
📜 Content Resources for @angular.dev
📦 Optimized Installs and Bundling
⚡️ @vite.dev ecosystem upgrades
And more!
dev.to/analogjs/ann...
📜 Content Resources for @angular.dev
📦 Optimized Installs and Bundling
⚡️ @vite.dev ecosystem upgrades
And more!
dev.to/analogjs/ann...
Reposted by Michael Shilman
Storybook v10 is looking amazing 🤩
The new CSF, the deeper Vitest integration, so many DX wins!
@storybook.js.org @vitest.dev @yannbf.bsky.social
youtu.be/YNQ_cJ6yy2Q?...
The new CSF, the deeper Vitest integration, so many DX wins!
@storybook.js.org @vitest.dev @yannbf.bsky.social
youtu.be/YNQ_cJ6yy2Q?...
Yann Braga | Storybook Vitest | ViteConf 2025
YouTube video by ViteConf
youtu.be
October 29, 2025 at 4:30 AM
Storybook v10 is looking amazing 🤩
The new CSF, the deeper Vitest integration, so many DX wins!
@storybook.js.org @vitest.dev @yannbf.bsky.social
youtu.be/YNQ_cJ6yy2Q?...
The new CSF, the deeper Vitest integration, so many DX wins!
@storybook.js.org @vitest.dev @yannbf.bsky.social
youtu.be/YNQ_cJ6yy2Q?...
Reposted by Michael Shilman
Something rare is happening. We're opening up a position in the @storybook.js.org team! Not only that, but it's fully remote, in Central European Time!
If you want to maintain OSS, love the JS ecosystem and enjoys tinkering with the details that makes it all work behind the scenes, check it out!
If you want to maintain OSS, love the JS ecosystem and enjoys tinkering with the details that makes it all work behind the scenes, check it out!
Chromatic • We're hiring!
loading
www.chromatic.com
October 27, 2025 at 10:18 AM
Something rare is happening. We're opening up a position in the @storybook.js.org team! Not only that, but it's fully remote, in Central European Time!
If you want to maintain OSS, love the JS ecosystem and enjoys tinkering with the details that makes it all work behind the scenes, check it out!
If you want to maintain OSS, love the JS ecosystem and enjoys tinkering with the details that makes it all work behind the scenes, check it out!
Reposted by Michael Shilman
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. 😅
And for the record, I did NOT have any influence on the title of the episode, that was all Kev. 😅
🎙️ Just published a new episode of Svelte Radio: Storybook is actually good now, with Jeppe Reinhold. Have a listen:
Storybook is actually good now, with Jeppe Reinhold
SummaryIn this episode of Svelt Radio, the hosts welcome Jeppe Reinhold...
www.svelteradio.com
October 16, 2025 at 10:25 AM
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. 😅
And for the record, I did NOT have any influence on the title of the episode, that was all Kev. 😅
Reposted by Michael Shilman
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+
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+
October 11, 2025 at 2:01 PM
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+
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+
Reposted by Michael Shilman
State of JS 2025
Christmas is only 3 months away, which means it is also time to take the State of JavaScript survey (again).
The more devs participate, the clearer the big picture will be in the end 🙌
Plus, you learn about features, libs, and frameworks you haven't heard before (or forgot about).
Christmas is only 3 months away, which means it is also time to take the State of JavaScript survey (again).
The more devs participate, the clearer the big picture will be in the end 🙌
Plus, you learn about features, libs, and frameworks you haven't heard before (or forgot about).
State of JavaScript 2025
Take the State of JavaScript survey
survey.devographics.com
September 29, 2025 at 3:50 PM
State of JS 2025
Christmas is only 3 months away, which means it is also time to take the State of JavaScript survey (again).
The more devs participate, the clearer the big picture will be in the end 🙌
Plus, you learn about features, libs, and frameworks you haven't heard before (or forgot about).
Christmas is only 3 months away, which means it is also time to take the State of JavaScript survey (again).
The more devs participate, the clearer the big picture will be in the end 🙌
Plus, you learn about features, libs, and frameworks you haven't heard before (or forgot about).
Reposted by Michael Shilman
🆕 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...
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...
Building beautiful components faster with Storybook 9 and Expo
Learn how to set up Storybook 9 in your Expo app to build, test, and share React Native UI components faster and with less friction.
expo.dev
September 25, 2025 at 5:59 PM
🆕 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...
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...
Reposted by Michael Shilman
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
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 Tutorials
Learn 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.
storybook.js.org
September 24, 2025 at 8:09 PM
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
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
Reposted by Michael Shilman
🚀 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!
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 | High Quality Open-Source Software for Web Developers
Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.
TanStack.com
September 23, 2025 at 8:10 PM
🚀 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!
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!
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! 🪛💪
Lots more screws left to tighten! 🪛💪
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:
🤏 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 is going ESM-only
Smaller, simpler, and modern
storybook.js.org
September 24, 2025 at 1:05 AM
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! 🪛💪
Lots more screws left to tighten! 🪛💪
Reposted by Michael Shilman
Reposted by Michael Shilman
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.
Want visas? You know who to call and who to flatter.
September 20, 2025 at 1:40 PM
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.
Want visas? You know who to call and who to flatter.
Reposted by Michael Shilman
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!
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!
Release pnpm 10.16 · pnpm/pnpm
Minor 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...
github.com
September 12, 2025 at 10:49 PM
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!
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!
Reposted by Michael Shilman
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!
👇
👇
September 10, 2025 at 2:36 PM
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!
👇
👇
Reposted by Michael Shilman
Webdev PSA (via @shilman.net in Storybook discord) - supply chain attack for 18 popular npm packages (chalk, ansi-*, debug) www.aikido.dev/blog/npm-deb...
npm debug and chalk packages compromised
The popular packages debug and chalk on npm have been compromised with malicious code
www.aikido.dev
September 8, 2025 at 6:38 PM
Webdev PSA (via @shilman.net in Storybook discord) - supply chain attack for 18 popular npm packages (chalk, ansi-*, debug) www.aikido.dev/blog/npm-deb...
Reposted by Michael Shilman
Reposted by Michael Shilman
What is ideonomy, anyway?
I'm so glad you asked!
I'm so glad you asked!
Ideonomy: A Science of Ideas
An accessible introduction to ideonomy
gracekind.net
December 15, 2024 at 11:33 PM
What is ideonomy, anyway?
I'm so glad you asked!
I'm so glad you asked!
Some days you eat the bear, some days the bear eats you. 📉
August 29, 2025 at 4:33 PM
Some days you eat the bear, some days the bear eats you. 📉
If you're underwhelmed by agentic dev tools, try coding in a new environment to change your perspective. 🧵
August 27, 2025 at 7:09 PM
If you're underwhelmed by agentic dev tools, try coding in a new environment to change your perspective. 🧵
Reposted by Michael Shilman
Updated my @storybook.js.org and @angular.dev using @vite.dev post with a much easier setup! Its about as close as you can get until an official integration comes from the Storybook team 🤝
dev.to/brandontrobe...
dev.to/brandontrobe...
Using Storybook with Angular and Vite 🎨
Storybook is a frontend workshop for building UI components and pages in isolation. By default,...
dev.to
August 22, 2025 at 8:42 PM
Updated my @storybook.js.org and @angular.dev using @vite.dev post with a much easier setup! Its about as close as you can get until an official integration comes from the Storybook team 🤝
dev.to/brandontrobe...
dev.to/brandontrobe...
Storybook Test extends @vitest.dev 's (great) module mocking to support static builds for sharing/collaboration and even Webpack projects. Really proud of the team's work here!
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...
storybook.js.org/blog/next-ge...
August 22, 2025 at 2:07 AM
Storybook Test extends @vitest.dev 's (great) module mocking to support static builds for sharing/collaboration and even Webpack projects. Really proud of the team's work here!
Reposted by Michael Shilman
We keep seeing continuous growth in @svelte.dev usage in @storybook.js.org, and it warms my heart. ❤️
August 18, 2025 at 10:22 AM
We keep seeing continuous growth in @svelte.dev usage in @storybook.js.org, and it warms my heart. ❤️