ATLAS ROOM
← Home
🎨STITCH
reel #49

Claude Code + Google Stitch = premium design (the full guide + prompt)

What this is

A free, step-by-step template from Taha's reels — the exact tools, prompts and links, laid out so you can follow along and ship. Comment the keyword on the reel and it also lands in your DMs.

Hey! 👋 Here's what I promised you:

Claude Code writes good code, but its UI and design fall short. The fix: design in Google Stitch (free with a Google account), then hand the design to Claude Code over MCP so it builds exactly what you see instead of guessing.

🔗Google Stitchhttps://stitch.withgoogle.com🔗Stitch MCP setup (official docs)https://stitch.withgoogle.com/docs/mcp/setup

The workflow

  1. Open Stitch and describe your app or website in plain words. Add screenshots from Pinterest or Dribbble that you like as inspiration.
  2. Stitch generates all the screens plus a full design system — colors, fonts, everything consistent.
  3. When you like the design: Export → choose MCP → Setup MCP → pick Claude Code.
  4. Copy the command Stitch gives you and paste it into your Claude Code terminal. Now Claude can see your full design instead of guessing.
  5. Give Claude Code the final prompt below — it links all the screens, adds animations and gets the app ready to launch.

The prompt

Turn these Stitch designs into code. Make all screens. Link them up. Add smooth moves. Use React and Tailwind. Get it launch-ready.

Bonus — official Stitch skills for Claude Code

Google's companion repo adds design and build skills that work on top of the Stitch MCP server.

🔗GitHubhttps://github.com/google-labs-code/stitch-skills
npx plugins add google-labs-code/stitch-skills --scope project --target claude-code
The skills need the Stitch MCP server set up first (step 3–4). If the Export menu looks different for you, follow the official MCP setup page above — it lists Claude Code as a supported client.

Want more? Go further in the Atlas Room Skool class

This page gives you the tools. The Skool class takes you step by step — full courses and guides to build and sell your own AI app or SaaS, in Darija, with a new lesson every week.

Join the Skool class →
New to vibe coding? See what you'll learn →
Previous
🪙TOKEN
Next
YOUTUBE🎬

More free templates

Browse all templates →