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 just wrapped up my submission for the Wonder Challenge! 🚀
The goal? Solve a real workflow gap moving beautifully generated UI from design to a fully functional application without losing the craft.
I built SunMoonGoals (https://sunmoongoals.lovable.app/), a goal-tracking app designed to help users log, track, and strike through their daily wins.
How it was built:
✨ Generated the core UI components and layouts directly on the wonder canvas.
🔌 Connected Wonder’s MCP server directly into @lovable to bridge the code context seamlessly.
💾 Integrated Supabase to handle user authentication and persistent database storage.
No static handoffs. No building from scratch twice. Just straight from canvas to production code.
Check out the short video walkthrough below to see the exact workflow in action! 🎬
#WonderChallenge #BuildInPublic #AIOptimization #UIUX #Lovable #Supabase
File link Live @lovable link
"This is the kind of workflow AI should enable, reducing handoff friction instead of just speeding up mockups. The real value is preserving design intent all the way to production.
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
I designed an App for SG Connect.
SG Connect is a smart energy management app. It allows users to monitor and optimize solar panels, battery storage, EV chargers, and energy consumption in real time. By using intelligent automation and electricity price forecasting, the app helps reduce energy costs, maximize self-consumption, and improve overall energy efficiency.
you done great
Recent Brand Work ⚡️
Kairos is a high-end sales platform helping brands work through AI-engineering their RFP's and get a competitive advantage over other manually filled out RFPs. ☁️
Client sourced via @Contra HQ - been a great collaboration so far! ✅
Like the logo and vibe in general! Cozy office style
I built an operating system for my marriage.
MARRIAGE.OS is a fictional OS that treats a relationship the way software treats a system. It has a boot sequence, a live dashboard (trust level, comms uptime, a resentment queue, partner battery at 31%), a screen of the conditionals we actually run on (IF thermostat.touched_by(partner_a) THEN war()), an error log of every fight we've ever had (all resolved, eventually), and a shutdown screen that dims the lights and says goodnight.
The whole thing is a CRT terminal aesthetic: amber phosphor on near-black, scanlines, JetBrains Mono, a design system I kept consistent across all six screens.
How Wonder made it possible: I designed every screen with Wonder Chat, generating layouts from prompts and refining them on the canvas. The living glow behind the boot and shutdown screens is a Wonder shader, tuned by hand. Then I used Wonder's MCP to pull the design straight into code and ship it to a live URL. Canvas to code to deployed, no rebuild.
It's live here: marriage-os.gblackman.workers.dev
Link to Wonder file: https://app.wonder.so/user-b66760/files/019f161d-6250-7108-ab1b-6da6b3d02616
Twelve years of marriage, rendered as the longest-running system I own.
This is amazing
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?