building @storybookjs and @chromaticcom. husband & father. grateful every day!
Taipei / SF / earth
Joined January 2009
- Tweets2.2K
- Following1K
- Followers2.5K
- Likes4.9K
Michael Shilman 🦋 @shilman.net retweeted
Experimenting with a new e2e testing solution
🔹@vitest_dev runner
🔹Detox like api for selectors
🔹@agent_device ios/android driver
🔹Screenshot testing built in
🔹No custom build needed
Michael Shilman 🦋 @shilman.net retweeted
There was some great design systems chatter this weekend. Wanted to add a few thoughts that have been rattling around in my head, and have lately started to crystallize while watching agents build interfaces, both for me and for other people
mattrothenberg.com/notes/you…
Michael Shilman 🦋 @shilman.net retweeted
Did you know Storybook has @tan_stack React support built-in?
🛣 Automatic Router wrapping with memory history
🧭 Type-safe route, params, query, and path configuration
🌲 Code-based, file-based, and nested Route support
🧪 Auto-mocked Start server functions
⚙️ Zero-config setup
ALT TanStack + Storybook
Michael Shilman 🦋 @shilman.net retweeted
Storybook 10.3 is out!
✨ Storybook MCP for React
♿ A11y overhaul fixes 100s of issues
🧑💻 CLI overhaul for faster, more reliable install
💅 New Viewports and Zoom UI
✅ New onboarding guide
🏭 Type-safe CSF factories for Vue, Angular, and Web Components
Take a look ⤵️
ALT 10.3, MCP
Michael Shilman 🦋 @shilman.net retweeted
Tremendous alpha in having AI write storybook pages that allow designers to tweak layout of dynamic UI. @kitlangton does this kind of stuff for everything, inspired me! Even wrote a vite plugin that writes back the CSS changes to source so David can send PRs.
Michael Shilman 🦋 @shilman.net retweeted
Heard about the new @storybookjs MCP?
It's coming to React Native Storybook too!
- runs automatically when you start your storybook
- has detailed information about your stories
- can navigate to a story
Implemented using the storybook/mcp package.
Michael Shilman 🦋 @shilman.net retweeted
GitHub's storybook add-on for real-time performance profiling is now open sourced 🥳
Michael Shilman 🦋 @shilman.net retweeted
Been working on adding @repack_rn support to React Native @storybookjs and the first working version is in v10.2.2-alpha.3 🎉
Use the Storybook plugin to handle configuration, and the agent setup skill now knows how to configure Repack projects too.
Michael Shilman 🦋 @shilman.net retweeted
Built TokenUI – niche components (@shadcn for delivery) for Design System documentation. Focus on tokens and basic color for now. Targeting custom React docs and @storybookjs (MDX). Tagging @mshilman as you showed interest in my first iteration! tokenui.dev
Michael Shilman 🦋 @shilman.net retweeted
Designers no longer have an excuse; maintaining your interactive design systems and library with @claudeai + @storybookjs is extremely easy and a necessary responsibility of product design teams.
Michael Shilman 🦋 @shilman.net retweeted
Wouldn't it be nice to have all platforms in a single @storybookjs window?
@ChmalSzymon 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 🦋 @shilman.net retweeted
Switching between Storybook and your app is now easier than ever. With Metro updates, the new Storybook helper, and Expo env vars, the workflow is insanely smooth.
Read our new guide by @Danny_H_W : clstk.com/4pvnGMb
It covers everything you need to know!
I'll be talking @storybookjs MCP at the JavaScript Developer Conference in Taiwan this week with @evanyou, @tejask, @yusukebe, and many more. 🤩 Excited to see everybody there!
Michael Shilman 🦋 @shilman.net retweeted
Since its original release, Black Friday week was the only time Reshaped was getting discounts. This year Reshaped became open-source so technically we have a 100% discount for you all 😅
If you haven't tried reshaped.so before – now is the best time ✨
Michael Shilman 🦋 @shilman.net retweeted
お。これ面白そうな気がする。
Storybook MCP sneak peek — Generate code with your components faster using fewer tokens by @mshilman storybook.js.org/blog/storyb…
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 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
ALT Storybook 10 is 29% lighter than Storybook 9, which is 50% lighter than Storybook 8.
Michael Shilman 🦋 @shilman.net retweeted
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/repro
- Using SB 9 or 8.2+