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
Built an immersive fantasy portfolio where every section becomes part of a living world instead of another webpage.
Designed the entire experience in @flowstep_ai using Flowstep + MCP (Antigravity).
Connected Flowstep MCP with Antigravity, then iterated directly on the canvas using prompts—refining layouts, components, navigation, interactions, and the design system without rebuilding screens from scratch.
Created reusable design tokens, cinematic UI, glass navigation, parchment components, handcrafted cards, and a consistent visual language across every scene.
Once the prototype was finalized, I replicated the entire Flowstep canvas into a Next.js application and polished interactions with modern animation libraries before deploying.
The workflow:
🌿 Idea → Prompt Flowstep
🎨 Refine with MCP (Antigravity)
🧩 Build reusable design system
🖼 Iterate every screen on the canvas
⚛ Replicate to Next.js
▲ Deploy on Vercel
🏡 9 connected fantasy scenes
✨ 1 immersive portfolio
Project link : https://portfolio-6asf.vercel.app/
flowstep link : https://app.flowstep.ai/file?activeFileId=dd5c563d-33a1-4b37-8b24-3669efac9652
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
I built a 100% real Louvre Museum Guide App (audio guides, walking directions, 4 languages, and photo capture to create your own memory album), based on the museum’s official open-source PDF:
www.louvre-flowstep.ai/pdf
All images were carefully handpicked.
Live app: https://louvre-flowstep.ai/
Flowstep link: https://app.flowstep.ai/louvre
The idea behind the app:
For this challenge, I didn’t want to build just another app. I wanted to solve a real problem. I live in France, and I wanted to bring real value to visitors of the Louvre Museum in Paris by helping them discover every must-see masterpiece, understand the art, and know exactly where to go next.
Wow! That rly good idea 😍
I know building healthy relationships is hard.
That's why I built Partnero AI - to make it easier.
When you feel lost, overwhelmed, or frustrated,
you can jump into the app and track your emotions.
You discover hidden patterns and find solutions.
You connect with your partner to grow together.
Let me know what you think of the app design
and what you would add or change.
P.S. I will share my progress in the comments below.
Flowstep project here: Link
hope it helps people build a better relationships . The main feature is mood tracking could avoid lot of fights😂
I thought I spent $120/month on subscriptions. Turns out I was off by $167. So I built the app I wished existed. It's called RELIEF. 💰
Here's the real problem : 89% of us underestimate our subscription total. Not because we're careless - because every app built to fix it is made for finance-savvy people. Dashboards, charts, jargon, rounded cards. If you're not already comfortable with all that, you close the app and keep bleeding $2,004 a year.
None of them make you "Feel" the money leaking. And feeling is the whole point. So I didn't design a finance app. I designed a sculpture.
RELIEF runs on Michelangelo's Idea - the statue is already inside the marble, you just carve away the excess.
– Your finances are the block
– Unused subscriptions are the red veins in the stone
– Cancelling is a chisel strike
– The money that returns is the figure emerging
13 screens, one system. Two colors carry all the meaning: vermilion for waste, gold for what you've reclaimed. Nothing else.
━━━━━━━━━━━━━━━
Carve it Yourself
- Live prototype - RELIEF
- X post - Social Post
━━━━━━━━━━━━━━━
WHAT YOU'RE LOOKING AT
01 · Demo - the full walkthrough: the story, the flow, and the drag-to-strike that cancels a subscription.
02 · Sites UI - the prototype in motion, no narration, just the carve.
03 · Flowchart - all 13 screens on the Flowstep canvas, wired end to end.
04 · Thumbnail - a six-second sweep across the finished canvas: strike, impact, gallery, share.
RELIEF - carve away what you don't use.
What I love most is the idea behind this project. Instead of treating subscriptions as numbers on a dashboard, you turned them into something people can actually feel. The Michelangelo metaphor is clever and gives the whole experience a clear purpose. It makes canceling unused...