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.
Project Tags
- Claude
- Figma
- Front-End Development
- Google Gemini
- JavaScript
- Next.js
- React
- Responsive Web Design
- Tailwind
- TypeScript