Photo of DeepakNess DeepakNess

Peak design = AI Studio x Claude Code

No matter what tool I have tried for great looking designs, Google's AI Studio always comes on top. Not to mention GPT-5.4 is the worst in design, Claude Code is slightly better, but Google AI Studio or even Stitch is the best.

So... here is my current workflow for building websites:

  1. Get the design done and ready on Google AI Studio and download the code as ZIP (same design prompts work better on AI Studio)
  2. Initiate a project in a folder (currently, using Laravel for most websites, but Next.js or any other framework would work)
  3. Unzip the AI Studio design and put the folder in the main project root, rename it as "inspiration" or anything you like
  4. Ask Claude Code to take match the design as in the "inspiration" folder, but ask it follow the best practices of native Laravel, Astro, or whatever stack you're working in

And done!

See the Claude Code do the magic.

Webmentions

What’s this?