How to Orchestrate Generative AI to Code Your Front-end for You
summary
Shows how to generate a TypeScript/React front-end page from a repository scaffold in under two minutes by sequencing small AI tasks with an orchestrator called Baker. YAML actions and rules define variables and templates; the orchestrator fills templates, inserts form fields, infers validations (e.g., email), commits changes to Git, and runs a preview job (demo finished in 1m51s) producing a working create-user form and an autogenerated dashboard histogram.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:06Baker concept
- 3:11Technical overview
- 5:42Demo: page generation
- 8:17Form validation
- 10:27Git automation
- 12:17Page with chart
- 14:31Conclusion & Q&A
related talks
17mAI-Driven Frontend Development: Beyond Traditional
19mGenerative AI for Front-end Developers
30mAI Powered Frontend Development Building Better UIs Faster
24mSupercharging Dev Workflows: AutoGPT Meets React Flow
23mHuman-Centered AI: Supporting, Not Replacing, Frontend Developers
25mThe Ai-Assisted Developer Workflow: Build Faster and Smarter Today
10mBuilding UI with AI and Visual Editing
34mUsing Appsmith for building GenerativeAI apps