Gretta Architecture Studio

Gretta is a fictional architecture studio based in Austin, Texas.

My main goal for this project was to dive deeper into AI-assisted development tools. I started with Relume, but realized the free version was pretty limited. It was good at generating the site’s general outline though, so I used it for the initial sitemap and structure.

I had previously used Cursor, but switched over to Claude and enjoyed working within its Design app. I fed it my sitemap and individual page structures from Relume, custom design system built in Figma, and used that as my starting point. I manually tweaked it a few times to get rid of the obvious “AI made this” look before sending the design off to Claude Code to build in Next.js and Tailwind. I did still need to refactor a few code blocks and further enhance the design in the browser.

Claude Design wrote the overview details for each project, which I was able to use to generate professional real estate photography and drone footage in Google Gemini. Sometimes Gemini would make a collage of the property photos, so I used Google Flow to enlarge and enhance the images I needed. I was really impressed with the result and would like to get a few more websites out using the same or similar approach.

Gretta Architecture Studio / Github Repo

Project Tags

  • Claude
  • Figma
  • Front-End Development
  • Google Gemini
  • JavaScript
  • Next.js
  • React
  • Responsive Web Design
  • Tailwind
  • TypeScript