The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I gave an AI a creative brief and asked it to build a full interactive portfolio page. Here's what came out.
No Webflow. No template. No hand-coded CSS for 6 hours.
Just a detailed prompt → Lovable → a fully animated, modal-driven case study page with:
→ Cursor-following gradient blobs
→ Bento-style asymmetric project grid
→ Full-screen case study modals with slide animations
→ Scroll-triggered counters
→ The kind of micro-interactions that usually take days to get right
The whole build took one session.
What's changing isn't the technology — it's the brief. The more precisely you can describe a feeling, a layout, a hover state, a timing curve — the better the output. Lovable doesn't replace the creative eye. It just removes the gap between idea and execution.
This is how I build now.
Tell me honestly 👇
What's the one UI interaction you've always wanted to build but kept putting off because it felt too complex?
(Drop it below — might just build it next.)
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
The Council app. Chat with the greatest minds of all time.
Imagine having a conversation with Buddha, Marcus Aurelius, Frida Kahlo.. 👀Even as a fun thought experiment.. how cool is that?
Here's how I brought this idea to life with Stitch:
1. Drafted a rough screen structure in Figma;
2. Fed the .fig file to Stitch and asked it to design the app;
3. Tried different colour themes directly in the Design System;
4. One click generated multiple Welcome screen variations to choose from;
5. One click animated the screens;
6. Tweaked the design through direct prompts;
7. Dropped all screens into Prototype and Stitch connected the screens automatically.
What used to take days or even weeks, Stitch now does in minutes.
It's truly up to our imagination now.. ✨
For those who fancy jumping straight to the result 😊
Which historic legend, if any, would you like to chat with?
Try Verity is an AI-powered interview coaching platform that creates realistic interview simulations based on a candidate's actual resume and target job description.
For this challenge, I used Google Stitch as the center of a real product redesign workflow.
Instead of building a mockup from scratch, I imported screenshots from the existing product, generated redesigned interfaces, and used Stitch to transform those concepts into production-ready UI code.
My workflow:
• Existing Try Verity screens → AI redesign mockups
• Mockups imported into Google Stitch
• Stitch-generated UI and front-end structure
• Implementation and integration using Codex
• Integration into the real application
The goal was not to create a prototype, but to modernize an existing product while preserving functionality, workflows, and business logic.
The redesign covered the landing page, interview workspace, recruiter feedback experience, reporting dashboard, pricing pages, and onboarding flow.
Key improvements:
• Complete landing page redesign
• Interview workspace redesign
• Recruiter-style feedback experience
• Modern SaaS visual language
• Improved information hierarchy
• Better usability and readability
• Enterprise-grade UI patterns
Tools used:
• Google Stitch
• ChatGPT
• Codex
• Next.js
• React
• TypeScript
• Tailwind CSS
Application Web: https://www.tryverity.co/
Video Walkthrough:https://youtu.be/iITu8t9-5pw
Google Stitch became the bridge between visual exploration and implementation, allowing me to iterate much faster than a traditional design-to-development workflow.
Thanks to the Google Stitch team for building tools that make interface iteration dramatically faster.
Looks cool
Testing out some new tools today and ended up with this project. The core idea is a mashup between the classic Pokedex—specifically its ability to scan and display item rarity—and a high-end rare sneaker marketplace. Instead of Pokémon, it’s all about tracking and auditing sneaker data.
I started with a simple prompt and kept iterating by feeding it reference images, refining the details until it hit the right vibe.
For the interface, I went for a 'slideshow' feel using D-pad controls to interact with the cards. Honestly, it took me hours to get that button logic locked in—it’s not 100% pixel-perfect yet, but it works, and that’s a win for today! HEHE
The design leans into Neo-Retro Brutalism, blending 90s hardware sensibilities with modern UI patterns. Through a Skeuomorphic-System approach, the interface mimics a proprietary firmware environment—using a terminal-first aesthetic and data-dense layout to create a physical sense of 'system presence' rather than just a flat web page.
Overall, this tool is an absolute beast for brainstorming and visualizing web concepts. It’s been a game-changer for getting ideas out of my head and into a playable prototype. It really bridges the gap between 'just a static image' and 'a fully interactive system.
Beautiful ❤️
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?