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 my entire portfolio site with 10 Lovable credits. Here's the exact workflow.
Most people burn through Lovable credits fast because they try to build the whole thing inside Lovable, prompt after prompt after prompt. I don't. Here's how I kept it to 10.
The workflow: Lovable + Claude Code + GitHub
1. Lovable for the scaffold only. One clean generation to get the project skeleton, routing, and a starting design. That is where the ~10 credits went, and that is the last time I spent any.
2. Claude Code does the real building. Every page, the whole design system, the content, the SEO, the performance work, all of it happens in Claude Code on my machine. No per-prompt credit meter running.
3. GitHub is the bridge. Claude Code commits and pushes straight to the repo.
4. Lovable auto-syncs from GitHub. The changes land back in Lovable with zero extra credits burned.
So Lovable stays the front door and the deploy target, but the heavy lifting lives in Claude Code, where I am not paying by the prompt.
What that actually produced (in the video):
- A 15-page site where every page is an original design, not a template reskin
- 100 PageSpeed on desktop, every category green
- Built for AI search, not just Google. llms.txt, clean structured data, the full AEO setup
- Self-hosted fonts, accessibility at 100, real Core Web Vitals work
Live at hey-ash.com.
Loveable Link: hey-ash.lovable.app
If you are spending real money on Lovable credits, this is the unlock. Scaffold in Lovable, build in Claude Code, sync through GitHub. Happy to break down any part of it.
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
Hi 😉
I wanted to create something more memorable for my friend's birthday. I believe the best gifts are the ones you make yourself, so instead of buying a card, I designed an interactive birthday experience in Wonder.🙌
The experience begins with opening an envelope and continues through draggable Polaroid memories, interactive vinyl records, heartfelt birthday wishes, and a birthday cake where the user can blow out the candle to complete the celebration.
Built using Wonder Chat, shader generation, and Wonder MCP to take the project from concept to a fully interactive React experience while preserving the original design.
🚀 Wonder file: https://app.wonder.so/ruslana-prymak/files/019f2e58-9a87-7317-8bc1-2312f228dd9c
😍 Live demo: https://birthday-site-green-psi.vercel.app
😊 Social Link: https://x.com/ruslana_prymak/status/2074218583765442740?s=20
This is amazing
══════════════ ✦ ATLAS ✦ ══════════════
The Living Memory of Humanity
═══════════════════════════════════════
Atlas is an immersive experience that transforms the way we explore history. Instead of reading about the past, users travel through it.
Starting from a living globe, Atlas lets you select any location and begin a Memory Flight—a cinematic journey where the world rewinds around you. Cities transform across centuries, civilizations emerge, cultures evolve, and every place reveals the stories that shaped it.
Built with Wonder, I used its design capabilities to rapidly prototype the product, create a scalable design system, explore multiple historical experiences, and develop a complete storyboard that guided the final interactive experience. From the global navigation to each Memory Flight, Wonder made it possible to iterate quickly while maintaining a polished, cohesive vision.
Atlas is built around one simple belief:
Every place remembers. Every memory tells a story.
Live Demo: Click here to test the Live Demo Link
Wonder Design File: Click here to see Wonder Design source
Meet Petlancer: The Ultimate Freelancer Sidekick 🐾
As a freelancer, staying motivated through intense deep-work blocks can be hard at times, so I wanted to marry that 90s nostalgia and fun of Tamagotchis with a practical productivity hub to create the ultimate focus companion.
Fun fact: In real life, my core motivation to work is providing the best possible life for my 9 pets (3 cats, 1 dog, and 5 goats!). So, I built an interactive app where your actual freelance output directly translates into taking care of your virtual pixel pet.
Key Features:
⭐ The "Choose Your Starter" Onboarding: a setup screen where you choose and name your companion - whether that's a cute cat, a happy dog or a silly goat
⭐ The "Productivity-Meets-Fun" Dashboard: on the left is your fun side - with your pet, along with its Hunger, Cleanliness, and Energy bars. On the right is the productivity side - with a 25-minute Pomodoro timer and your daily to-do list.
Completing pomodoros and checking off your daily tasks earns you credits that you can spend to feed, clean or play with your pixel buddy.
As a first-time user of Wonder, it's definitely one of those tools I can see myself using again in the future. I love how it works so well with my casual-style prompts, it feels like I'm just chatting with a chat-based app like Gemini. I also really like that, at the end of each implementation, it suggests next steps or asks questions along the way if needed. You really feel like it's your partner in crime rather than just an AI that's doing what you tell it to do.
And of course, you can check out my design file here: https://app.wonder.so/freelancingwithsilvia/files/019f3960-2948-7f1b-8079-f7280babb4ae
this is so cute!!
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.
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?