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
Title: Quantum Slot Interface – A Combinatorial UI Generator
Description:
Quantum Slot Interface (QSI) is a speculative lab where interface layouts, visual styles, and motion profiles are treated like slots on a machine. Each spin recombines Layout, Style, and Motion into a new cohesive UI, exposing how AI-generated designs can be seen as a set of controlled random variables collapsing into an interface.
I used Google Stitch to build the slot machine scaffold and the Generated Interface canvas with streaming generations, then added motion and state transitions via in-place edits. Each slot outcome corresponds to a design template—single column vs grid, brutalist vs organic, static vs kinetic—and Stitch morphs the interface live as those combinations change. The result is an interface that makes the invisible combinatorics of AI design visible and alive.
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 a working prototype for a sports fashion app using design.md. It was a great starting point for setting up the basics like typography, spacing, colours, and layout, which made it much easier to stay consistent throughout the design.
Prototype Preview →
The prototype covers the full journey from Sign-in to Sign-out, including:
• SignUp/In
• Onboarding
• Home Page
• Search
• Filtering
• Side Navigation
• Product Discovery & Listing
• Product Detail Page
• Cart Experience
• Checkout Flow
• Order Confirmation
• Profile
• Account Settings
• Order History
I've played around with Stitch before and made a few rough drafts, but this version feels like a big step forward. What I really enjoyed was the balance between AI-generated screens and manually connecting, refining, and shaping the experience myself.
By the end, it didn't feel like something AI made for me; it felt like something I built. Stitch handled a lot of the heavy lifting, but there was still enough control to make the product feel handcrafted and intentional.
Really impressed by how quickly it helped establish the foundation while still leaving plenty of room for creativity and refinement.
Meet Your AI Agent, my entry for the #GoogleStitchChallenge
It's an app for designing what your AI agent or bot looks like. The theme was "build interfaces that feel alive," so I made something where anyone can pick a body, face, head, and aura, name it, give it a personality, and watch their bot come to life. All with zero code.
How I built it with Stitch:
I started from one prompt describing the idea, then built it up conversationally. I added native motion (the bot floats, blinks, and powers up), an animated shader nebula background, and hover states. Whenever something was off, I didn't touch any code. I just pointed at the element on screen and edited it directly, or described the change in plain words.
What I loved: when it's done, Stitch lets you publish in lots of places like Google AI Studio, Figma, MCP, Bolt, Lovable, or Netlify. I chose Netlify because it's so easy to deploy on the web. One click and you get a live link to share.
Stitch features showcased: native motion, animation and shaders, in-place AI edits, and publishing to Netlify.
As someone who can't really code, Stitch never made me feel stuck. It turned an idea in my head into a real, interactive product in a single sitting.
Try it and design your own agent: https://meetmyaiagent.netlify.app/
Walkthrough video:👇
Built with @stitchbygoogle https://stitch.withgoogle.com/projects/6351891533339790820
Fun idea. Giving people control over the personality and appearance of their AI agent makes it feel much more personal than a typical chatbot experience. Curious which customization option people seem to spend the most time on?
I explored a different direction for the challenge:
https://on.contra.com/pnfJBQ
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.
For this challenge I built a mobile app called Field Signal, a field intelligence prototype for commercial real estate site visits.
It helps an investor or broker capture signals like visibility, access, tenant condition, and risk, then turns those observations into a live deal pulse and structured field memo.
How I used Stitch: I started in Google Stitch with streaming generation, used in place edits to refine the product flow and motion, and used a DESIGN.md file I prepared to keep the visual system tight across screens before pushing it into a live prototype through Google AI Studio.
Feedback: Stitch felt strongest as an iterative design partner. Streaming and in-place edits made it fast to move from concept to something that actually felt alive and interactive. Super useful & excited to see how this tool integrates with the creative process going forward!
Wow, this is so nice!
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.
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?