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 built a full Chrome extension fourline.ai that puts ChatGPT, Claude, Gemini, Grok, and Kimi side-by-side in one dashboard.
Here's the thing nobody talks about with AI-assisted builds: the hard part isn't getting code from Claude. It's knowing what to ask for.
My workflow for shipping this in under a week:
Designed the full UI in Figma first. Dark mode, side-by-side layout, every state mapped out. No AI touches design.
Fed Claude the Figma specs as structured prompts. Not "build me a Chrome extension" but "here's the component tree, here's the state management pattern, here's the Manifest V3 config I need."
Built in layers. Got the shell working, then each AI provider integration one at a time. Claude wrote 80% of the boilerplate. I wrote 100% of the architecture decisions.
The result: a production-ready Manifest V3 extension that actually predicts what most developers will need in 2026, multiple AI models in one view.
The designers who learn to direct AI like a junior dev (specific, structured, opinionated) will ship 3x faster than the ones waiting for AI to replace them.
What's your AI build workflow? Curious how others are structuring prompts for real production work.
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
Before → After: Porter Home Screen
I redesigned Porter's home screen to make the experience cleaner, easier to navigate, and more user-friendly.
My focus was on:
- Improving visual hierarchy
- Creating a clearer booking flow
- Making service options easier to scan
- Reducing visual clutter
- Improving spacing and readability
- Building a more consistent interface
Good UX isn't about adding more, it's about making every interaction feel effortless.
Brilliant work. Invisible profile.
That's not a talent problem. It's positioning and it's 100% fixable.
Which one gets your attention first, A or B ... ?
6 voted
67%
3 voted
33%
9 votes
Closed
Went with A. The split face with the two labels tells the whole story before you even read the headline, B needs the caption to land the point.
Animated feature cards for AI startup.
---
Animations - #Figma
Shaders - Wonder
Wireframe - Relume
Web Dev - Webflow
Great work! I am gonna check Wonder, first time I am hearing about it.
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.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?