Claude Plans, Gemini Designs: The Workflow to Build BEAUTIFUL Frontends

Two new flagship models shipped in the same week: Opus 4.8 and Gemini 3.5 Flash. The easy take is to pick one but the better move is to compose them. Gemini 3.5 Flash builds the most beautiful frontends I've seen out of a coding agent, and it runs at a fraction of Opus's cost. Opus is still the strongest at the reasoning work: the plan, the integrations, the judgment calls. So I route each phase to the model that's best at it. Opus plans, Gemini designs, Opus wires it up and ships. In this video I show you the workflow you can use now to build beautiful frontends (even full stack apps) with Opus and Gemini. The only harness is a handful of skills you layer on top of Claude Code and Pi and run yourself! ~~~~~~~~~~~~~~~~~~~~~~~~~~ - SonarQube Advanced Security is the single layer of verification you need for everything - first-party code, AI-generated code, and open source dependencies: https://fandf.co/4x9hbTo - And if you want to get started, standard SonarQube is free for private projects up to 50K lines (SonarQube Cloud): https://fandf.co/439peSJ ~~~~~~~~~~~~~~~~~~~~~~~~~~ - The Dynamous Agentic Coding Course is now FULLY released - learn how to build reliable and repeatable systems for AI coding: https://dynamous.ai/agentic-coding-course - Repo with the full workflow and example: https://github.com/coleam00/frontend-mix - Pi (the coding agent I run Gemini through): https://github.com/badlogic/pi-mono - Archon (automates this whole chain end-to-end): https://github.com/coleam00/Archon ~~~~~~~~~~~~~~~~~~~~~~~~~~ 0:00 Mixing Gemini and Opus 2:50 High-Level Workflow Overview 4:35 Why Use Handoff Documents 7:02 Sponsor: Sonar 8:59 Step 1: Exploration and Spec 11:38 Step 2: Strategic Planning 14:27 Step 3: UI Design Phase 16:21 Integrations and Final Steps 17:41 Outro ~~~~~~~~~~~~~~~~~~~~~~~~~~ Join me as I push the limits of what is possible with AI. I'll be uploading videos weekly - at least every Wednesday at 7:00 PM CDT!