{"podcast":{"title":"Build With AI","slug":"build-with-ai-6407453","podcast_index_feed_id":6407453,"rss_url":"https://feeds.transistor.fm/build-with-ai","website_url":"https://riverside.com","image_url":"https://img.transistorcdn.com/Nrae1lNmIksIWbscbGLdyk1gBS5SK1Ozgw74x00cRiA/rs:fill:0:0:1/w:1400/h:1400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS8zYWVm/NTk5YjU3OTk3NzAy/YzBlZDkzNzA0ZDIz/MjVjNC5qcGVn.jpg","author":"Corey Ganim","episode_count":182,"summary":"Most AI podcasts talk about what's possible. Build With AI shows you how it's done, live. Each episode, host Corey Ganim brings on entrepreneurs and operators who share their screen and build real AI automations, workflows, and tool setups right in front of you. No boring slides. Nothing that hasn't been battle-tested. You'll watch actual implementations get built from scratch so you can follow along and do the same in your business. If you're a non-technical entrepreneur who wants to put AI to work without becoming a developer, hit play and build along with us.","last_synced_at":"2026-07-21T06:17:57.092166+00:00","page_url":"https://stenobird.com/podcast/build-with-ai-6407453"},"episode":{"title":"# 159 Build STUNNING Websites with Claude Code + Google Stitch (full walkthrough)","slug":"159-build-stunning-websites-with-claude-code-google-stitch-full-walkthrough","published_at":"2026-04-17T04:15:00+00:00","page_url":"https://stenobird.com/podcast/build-with-ai-6407453/159-build-stunning-websites-with-claude-code-google-stitch-full-walkthrough","show_page_url":"https://stenobird.com/podcast/build-with-ai-6407453","url":"https://share.transistor.fm/s/cefa7712","audio_url":"https://media.transistor.fm/cefa7712/d0dc98e3.mp3","summary":"I sit down with Leon van Zyl, who ran a web design company for 10 years and now teaches over 700 people how to build real applications with coding agents. We walk through his exact workflow for building professional, client-ready websites using Google Stitch for the design system and Claude Code for the build — no coding skills required. Leon shows the difference between a one-shot AI-generated site and what you get when you front-load the design system before touching code. By the end, you'll have a repeatable workflow for going from design concept to finished website — including custom AI images that match your brand.Links Mentioned:Google Stitch: https://stitch.withgoogle.comClaude Code: https://docs.anthropic.com/en/docs/claude-codeCursor: https://www.cursor.comNext.js: https://nextjs.orgStitch MCP Server Docs: https://stitch.withgoogle.com/docs/mcpStitch Skills: https://stitch.withgoogle.com/docs/skillsTimestamps00:00 – Intro00:06 – What you'll learn: design systems for client-ready websites02:04 – Jumping into the screen share02:25 – The problem: one-shot AI websites look terrible03:52 – The Stitch workflow result: side-by-side comparison07:32 – Starting from a vanilla Next.js project08:50 – What is Google Stitch and how to get started10:00 – Prompting Stitch with brand details, fonts, and colors13:00 – Why design systems matter for coding agents16:00 – Iterating on the homepage before building more pages17:44 – Sharing Stitch designs with clients for approval21:23 – Setting up the Stitch MCP server in Claude Code23:18 – What an MCP server actually is (simple explanation)25:56 – Pulling the design system into your project28:47 – Memory files: Claude.md vs Agents.md explained33:24 – Converting the Stitch design into a working website35:06 – Installing the Stitch R…","meta_description":"I sit down with Leon van Zyl, who ran a web design company for 10 years and now teaches over 700 people how to build real applications with coding agents.…","key_points":[],"chapters":[],"topics":[],"duration_seconds":3907,"processing_state":"not_requested","actions":[{"name":"request_transcript","method":"POST","url":"https://stenobird.com/v1/public/podcasts/build-with-ai-6407453/episodes/159-build-stunning-websites-with-claude-code-google-stitch-full-walkthrough/transcription-requests","description":"Idempotently request low-priority transcript generation for this episode."},{"name":"read_markdown","method":"GET","url":"https://stenobird.com/podcast/build-with-ai-6407453/159-build-stunning-websites-with-claude-code-google-stitch-full-walkthrough.md","description":"Read the agent-friendly Markdown representation of this episode resource."}]}}