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
Imagine you have your own team of superheroes living inside an app, and they can talk to you, teach you cool things, and give you missions to complete.
That was the idea behind Superhero Synth AI.
A mobile-first AI experience where kids can:
🦸 Choose their own superhero mentor
💬 Chat through text or voice
🎯 Complete science, coding, and creativity missions
⭐ Earn XP, badges, and collectibles
🎨 Generate superhero images and videos
🏆 Build their own hero collection
👨👩👧 Learn in a safe, parent-friendly environment
Instead of making learning feel like school, we wanted it to feel like an adventure.
Built as a concept product exploring the intersection of AI, education, gamification, and storytelling. https://stitch.withgoogle.com/projects/12531066625983860881
You really said “I’m going to blow everyone away” and delivered.
Thank you. Glad the vision came through.
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 built KAIROPI for the Google Stitch Challenge - a playful ramen lifestyle brand that brings together food, sauce, stickers, motion, and colorful city culture.
How I Used Google Stitch
I started by creating a mood board to define how I wanted the website to feel the colors, hero direction, sticker style, typography, food visuals, and overall brand energy.
Then I brought that direction into Google Stitch and built the website step by step, from the hero section to the manifesto, bowls, sauce section, and footer. I kept iterating inside Stitch, using prompts and edits to refine the layout, copy, visual consistency, and interactions.
One of the most useful parts was being able to make changes without starting the whole page again. Once I understood the workflow, Stitch made it much faster to keep the design consistent.
Stitch Features Used
- AI-assisted interface generation
- In-place design edits
- Iterative prompt-based refinement
- Motion and interactive UI direction
- Visual workflow from mood board
My Experience Using Stitch
At first, I was a little confused because it was my first time using Stitch, but I found my way around pretty quickly.
Once I understood how to work with it, the process became much smoother. I really liked how I could keep the design consistent and ask the AI to make edits instead of regenerating everything from scratch.
Overall, Stitch felt fast, flexible, and useful for turning a clear creative vision. If you already know the feeling or direction you want, it becomes much easier to iterate and build quickly.
This is really nice, especially the way you built a full brand world around food + culture + motion. Feels very cohesive.
My submission for this challenge
https://on.contra.com/pnfJBQ
Open to feedback.
on.contra.com
Introducing Voya: Revolutionize Your Travel Planning Experience
Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.
Fr this challenge, I used Stitch to turn a simple idea into a working prototype in just a few minutes. I started with a prompt describing an AI companion for elderly users, and Stitch helped generate the initial screens and user flow, which I then refined and connected into a prototype.
I've actually used Stitch before on a few projects last year, so it was interesting coming back to it. One thing I noticed immediately was how much more capable it feels now. The experience is smoother, the outputs are more thoughtful, and it feels easier to move from an idea to something tangible.
My favorite part is how quickly it helps explore concepts without getting stuck on a blank canvas. It's not a replacement for design thinking, but it's a great tool for getting ideas out of your head and into a format you can test and improve.
Overall, I enjoyed using it, and it's definitely a tool I will be running back to.
Project Link:
1. Project Link
https://stitch.withgoogle.com/projects/9509844389363739472
website link
https://rupendrajnv.github.io/stitch/
----------
What I built:
A cinematic Web3 fintech landing page for a fictional startup called Fluxora — featuring a full-screen AI character video background, glassmorphism stat cards with animated count-ups, a custom cursor, scroll-triggered reveals, and a deep navy-blue color system. The experience is designed to feel alive from the first second — motion-forward, conversion-focused, and premium.
🔧 How I Used Stitch
I came to Stitch with a clear creative direction and one asset — an AI-generated character video from Kling. I prompted Stitch to build a full landing page around it: cinematic overlay system, glassmorphism UI components, animated statistics, and a partner bar. Stitch generated the entire interface in one pass, and I used in-place AI edits to refine the color theme from red to a clean navy-blue system and tighten the typography hierarchy. The native motion and animation support let me get scroll-triggered reveals and count-up animations without writing a single line of JS manually.
💬 Feedback on Stitch
Stitch's streaming canvas generation is genuinely fast — watching the interface build itself in real time made iteration feel low-friction. The in-place edit workflow (prompt + point-and-click) was the standout feature for me. Being able to say "change the overlay to blue" and see it apply contextually — without rebuilding from scratch — is exactly how AI tools should work in a design workflow. The motion and animation support on the HTML canvas is a real differentiator. For someone coming from a video and motion design background, having that baked in natively felt natural. Would love deeper control over animation easing curves in a future update.
--
Post on X
https://x.com/techupd59581740/status/2060750926793879905?s=20
sleek 👌🏽
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?