--- title: I built a website with Claude Code and Stitch 2.0, and... description: A developer tests a workflow combining Claude for planning, Google Stitch 2.0 for AI-generated UI design, and Claude Code for implementation cleanup, building... canonical: https://daily.dev/posts/i-built-a-website-with-claude-code-and-stitch-2-0-and-now-i-understand-why-developers-are-switching-2gbhxwzdr twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: I built a website with Claude Code and Stitch 2.0, and now I understand why developers are switching | daily.dev og:description: A developer tests a workflow combining Claude for planning, Google Stitch 2.0 for AI-generated UI design, and Claude Code for implementation cleanup, building... og:url: https://daily.dev/posts/i-built-a-website-with-claude-code-and-stitch-2-0-and-now-i-understand-why-developers-are-switching-2gbhxwzdr og:image: https://api.daily.dev/og/posts/2gBhXWzDR.png og:image:alt: I built a website with Claude Code and Stitch 2.0, and now I understand why developers are switching og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # I built a website with Claude Code and Stitch 2.0, and now I understand why developers are switching **[XDA Developers](https://daily.dev/sources/xda-developers)** · 6 min read · 1 upvotes · 1 comments ## Summary A developer tests a workflow combining Claude for planning, Google Stitch 2.0 for AI-generated UI design, and Claude Code for implementation cleanup, building a fictional network-monitoring product website. Stitch 2.0 replaces the original single-turn 'prompt in, mockup out' model with an AI-native infinite canvas, now runs on Gemini 3 (3.8 Flash and 3.5 Flash-Lite variants), swapped monthly generation caps for daily credits resetting at midnight UTC, and introduces DESIGN.md, an agent-readable file capturing the design system for coding agents like Claude Code. The generated site looked polished but had broken mobile navigation, missing hamburger-menu scripting, and 246 inline style attributes needing refactoring into classes. The author concludes each tool should handle the task it's best at: planning, design, and code cleanup as distinct stages. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What changed in Google Stitch 2.0 compared to the original Stitch tool from I/O 2025? Stitch 2.0, updated in March 2026, replaced the original single-turn 'prompt in, mockup out' workflow with an AI-native infinite canvas where screens, prompts, reference images, and pasted code persist together as context for iterative design. It now runs on Gemini 3 (specifically Gemini 3.8 Flash for Balanced mode and Gemini 3.5 Flash-Lite for Speed mode), improving adherence to design systems and accessibility. Monthly generation caps were also replaced with daily credits that reset at midnight UTC. _Developers piecing together AI design-to-code pipelines can track tool changes like this via daily.dev._ ### What is DESIGN.md in Google Stitch and how does it work with Claude Code? DESIGN.md is an agent-friendly Markdown file Stitch generates that captures a project's design system, including colors, typography, spacing, and component patterns, in a format coding agents can consume directly. Dropping it into a repository and pointing Claude Code at it keeps the agent consistent with the established design instead of inventing new styles each session. Stitch can also extract a DESIGN.md file from any live URL. _Anyone stitching together design and coding agents can follow workflow details like this on daily.dev._ ### What problems appeared in a website generated by Google Stitch before manual fixes? The exported site looked finished on desktop but broke on mobile: navigation links were hidden below 768px width with a hamburger button styled in CSS, yet no page actually implemented the hamburger's script, leaving mobile navigation reliant on an incomplete footer present on only one page. The export also included 246 inline style attributes that should have been handled through the design system's CSS classes instead. _Developers weighing AI website generators against manual QA can follow real-world results like this on daily.dev._ ## Community discussion Top comments from developers on daily.dev. **@bickov** · 0 upvotes > The broken mobile menu is the classic one. The agent checks the page at desktop width, it looks done, it stops. Asking Claude Code to screenshot at 390 px wide before it calls the task finished catches the missing hamburger script. More on making it check its own work: [https://slimsnap.ai/blog/claude-code-verify-ui-changes](https://slimsnap.ai/blog/claude-code-verify-ui-changes) --- Tags: [#claude-code](https://daily.dev/tags/claude-code), [#vibe-coding](https://daily.dev/tags/vibe-coding) [View this post on daily.dev](https://daily.dev/posts/i-built-a-website-with-claude-code-and-stitch-2-0-and-now-i-understand-why-developers-are-switching-2gbhxwzdr) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"I built a website with Claude Code and Stitch 2.0, and now I understand why developers are switching","url":"https://daily.dev/posts/i-built-a-website-with-claude-code-and-stitch-2-0-and-now-i-understand-why-developers-are-switching-2gbhxwzdr","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/i-built-a-website-with-claude-code-and-stitch-2-0-and-now-i-understand-why-developers-are-switching-2gbhxwzdr"},"datePublished":"2026-09-28T18:00:37.822Z","dateModified":"2026-09-28T18:01:10.646Z","description":"A developer tests a workflow combining Claude for planning, Google Stitch 2.0 for AI-generated UI design, and Claude Code for implementation cleanup, building...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ea905c38fd5bd42dee8ebec83b0ae9dc?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/ea905c38fd5bd42dee8ebec83b0ae9dc?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"XDA Developers","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"XDA Developers","logo":"https://media.daily.dev/image/upload/s--kCg6yyAP--/f_auto,q_auto/v1774964407/logos/xda-developers?_a=BAMAMiWQ0","url":"https://daily.dev/sources/xda-developers"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/i-built-a-website-with-claude-code-and-stitch-2-0-and-now-i-understand-why-developers-are-switching-2gbhxwzdr","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"claude-code,vibe-coding","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"XDA Developers","item":"https://daily.dev/sources/xda-developers"},{"@type":"ListItem","position":3,"name":"I built a website with Claude Code and Stitch 2.0, and now I understand why developers are switching"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/i-built-a-website-with-claude-code-and-stitch-2-0-and-now-i-understand-why-developers-are-switching-2gbhxwzdr","comment":[{"@type":"Comment","text":"The broken mobile menu is the classic one. The agent checks the page at desktop width, it looks done, it stops. Asking Claude Code to screenshot at 390 px wide before it calls the task finished catches the missing hamburger script. More on making it check its own work: https://slimsnap.ai/blog/claude-code-verify-ui-changes","datePublished":"2026-10-02T07:56:51.716Z","url":"https://daily.dev/posts/2gBhXWzDR#c-K0RHaLNKP","author":{"@type":"Person","name":"ab","url":"https://daily.dev/bickov","image":"https://lh3.googleusercontent.com/a/ACg8ocKwOmJ31UWqM4ZXB5ms-yRdFR4BYzyb7FPBRpg1O6DV0MIAF2EP=s96-c"}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/i-built-a-website-with-claude-code-and-stitch-2-0-and-now-i-understand-why-developers-are-switching-2gbhxwzdr#faq","mainEntity":[{"@type":"Question","name":"What changed in Google Stitch 2.0 compared to the original Stitch tool from I/O 2025?","acceptedAnswer":{"@type":"Answer","text":"Stitch 2.0, updated in March 2026, replaced the original single-turn 'prompt in, mockup out' workflow with an AI-native infinite canvas where screens, prompts, reference images, and pasted code persist together as context for iterative design. It now runs on Gemini 3 (specifically Gemini 3.8 Flash for Balanced mode and Gemini 3.5 Flash-Lite for Speed mode), improving adherence to design systems and accessibility. Monthly generation caps were also replaced with daily credits that reset at midnight UTC. Developers piecing together AI design-to-code pipelines can track tool changes like this via daily.dev."}},{"@type":"Question","name":"What is DESIGN.md in Google Stitch and how does it work with Claude Code?","acceptedAnswer":{"@type":"Answer","text":"DESIGN.md is an agent-friendly Markdown file Stitch generates that captures a project's design system, including colors, typography, spacing, and component patterns, in a format coding agents can consume directly. Dropping it into a repository and pointing Claude Code at it keeps the agent consistent with the established design instead of inventing new styles each session. Stitch can also extract a DESIGN.md file from any live URL. Anyone stitching together design and coding agents can follow workflow details like this on daily.dev."}},{"@type":"Question","name":"What problems appeared in a website generated by Google Stitch before manual fixes?","acceptedAnswer":{"@type":"Answer","text":"The exported site looked finished on desktop but broke on mobile: navigation links were hidden below 768px width with a hamburger button styled in CSS, yet no page actually implemented the hamburger's script, leaving mobile navigation reliant on an incomplete footer present on only one page. The export also included 246 inline style attributes that should have been handled through the design system's CSS classes instead. Developers weighing AI website generators against manual QA can follow real-world results like this on daily.dev."}}]} ```