In this episode of AI That Works, we dive into a game-changing technique for UI development with coding agents: Storybook! We’re learning how to use Storybook to build focused unit tests for UI components, dramatically speeding up our agent tech loop.
Forget constantly reloading your entire app! We explore how to isolate UI elements and iterate rapidly, testing different scenarios and edge cases directly. Dexter guides us through the process, showing how to integrate Storybook into our workflow and even migrate existing components.
This approach allows us to iterate faster, catch bugs earlier, and build robust, production-ready UI with the help of our coding agents. Join us as we learn how to build scalable and efficient UI workflows!
Check out our github: https://www.github.com/boundaryml/baml
AI That Works repo: https://github.com/ai-that-works/ai-that-works
Socials:
X: https://x.com/boundaryml
Discord: https://discord.com/invite/yzaTpQ3tdT
LinkedIn: https://www.linkedin.com/company/boundaryml/
⏱️ Chapters:
Intro
Vibe Code in Front-End
Creating Storybook Stories
Design System Integration
Hallucinations in UI Repo
Classification Workflow Example
Migrating to a Monorepo
Automation Wins and Losses
Customizing Object Rendering
Transcript
I've watched this one closely. Ask me anything about it and I'll point you to the exact moment.