A Dream Duo: How to Use Storybook & Open Source Project “Auto” to Ship Design Systems
summary
Shows how Storybook hosts component stories (progress bar with loading, multi, size states; knobs and auto-generated API docs) while Auto automates releases: publishes canary versions per PR, generates changelogs, supports monorepos and plugins, and posts artifacts to npm/GitHub/Slack. Demo builds a progress‑bar story, publishes a canary, then verifies the change on a deployed site. Intuit reports a four‑person team doing 70 releases in one month and shipping ~50% of packages monthly using this combo.
AI-written summary · about
chapters (8)
- 0:00Introduction and welcome
- 1:03Open source at Intuit
- 5:00What are design systems
- 11:43Storybook for component isolation
- 14:18Auto for release automation
- 18:09Demo: building a progress bar
- 31:20Testing with Canary versions
- 37:53Summary and Q&A
related talks
31mA Beginner’s Guide To Storybook
52mStorybook: New and upcoming features
37mBridging the gap between UX and development – A Storybook
16mStorybook, a Really Good Idea?
28mAn architectural pattern on Ui library workflows with Storybook and Azure
24mA Short Synopsis of Vue Storybook
07mReact components, atomic design and storybook
27mBuilding a Maintainable UI with Storybook