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
My entry for the #WonderChallenge: Aurora Breaker 🎮
A game where every level is played on top of a living Wonder shader. Break bricks, chain combos, and watch the sky react. The shaders pulse with every hit.
It all started with Wonder's Northern Lights shader. I love that one. It felt alive, like something you'd want to touch, so I built a game where you literally play inside it. The playfield is translucent glass, so the shaders shine through everything, and 14 hand-picked scenes rotate as you climb levels, each one tuned to react subtly to gameplay.
My workflow: I designed everything in Wonder first using the AI Chat, from the layout and HUD to the components and objects. I got lucky that Claude Fable got unlocked during this challenge, because it helped a ton in bringing my vision for the game to life. From there I used "Copy as Code" a lot to paste scenes straight into Claude Code and build out the gameplay mechanics, powerups, and the live leaderboard on top.
🕹️ Play it: aurorabreaker.fun
🎨 Wonder file: https://app.wonder.so/jerold-llauderes/files/019f275f-4fbd-7503-98f4-428ca35952b9
Walkthrough video in the comments 👇
Thanks Wonder for an amazing tool. This was genuinely the most fun I've had building something.
Thanks! Around 3 days for the design and development, then around half a day to deploy it to my hosting and wire the leaderboards.
Walkthrough video
My whole stack runs on Claude Code too. How did Fable do with the game logic?
Honestly, I used Opus for most of the gameplay logic. I’m only on the Pro plan, so I was trying to conserve my limits. I mostly used Fable when Opus was struggling with certain parts. But I used a TON of Fable in Wonder though, and it is GREAT.
Perfect
Thanks!😊
This is a great example of how thoughtful execution can make a simple idea feel premium. The attention to detail really stands out.
Thank you so much. I really appreciate that. I spent a lot of time trying to make the small details feel polished, so this means a lot.
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
Interactive shader in the Hero responding to cursor movement.
Made with Wonder, done in Webflow.
Should I participate in the Wonder Challenge?
I created a social post generator made in Wonder and the Claude MCP!
I know that Wonder is great for app or web design, but I wanted to use it in a different way.
Why? Because Wonder can create assets, templates, can follow guidelines, and be way more creative than a simple AI environment.
Here are the steps by step of what I did:
1- I created a template using Wonder. I used my brand assets, chose the font style, and general look.
2- I connected Claude MCP and created a small web platform to generate a good prompt.
3- I used the prompt on Claude, connected to Wonder, to generate the post. Wonder/Claude can choose the text, post length, which design of specific slides to take from the template, and also decide which image fits best!
4- I directly worked in Wonder to fix some small stuff and export!
Here you can find the link to my Wonder file where you can find some other tests (I would love to do more tests, but I finish the credits!!)
Youtube video (for 4K quality):
https://youtu.be/cLZiffEFq5A
Have a Wonder-ful challenge 🚀
Looks great 🔥🔥
Interactive shader in the Hero responding to cursor movement.
Made with Wonder, done in Webflow.
At this point I may wanna participate in the Wonder Challenge 🤔
yo such a cool visual effect! 💯
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?