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
Wonder Spark is a concept for a lightweight design tool that is supposed to help capture inspiration from everyday objects and transform them into clean SVG assets.
This was my first time using Wonder and experimenting with an MCP workflow. I used Wonder to explore the visual direction and design the experience, then switched to Codex CLI in VS Code to begin building the interface and interaction flow before deploying the prototype with GitHub Pages.
While this submission is an early prototype still in progress, the challenge was a great opportunity to learn a completely new workflow. I enjoyed exploring Wonder's design capabilities and combining them with AI-assisted development, and I'm excited to continue building Wonder Spark beyond the challenge. View workflow video in comment.
Links: Wonder File:
https://app.wonder.so/rashida/files/019f33ce-5a7f-77af-aa96-9ca61aaf8952
Github repo: https://github.com/RashidaBuilds/Wonder-Spark Githubpages:
https://rashidabuilds.github.io/Wonder-Spark/
Link to Twitter post😍 https://x.com/RashidaBuilds/status/2074387768281538830?s=20
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
Built a voice-first AI app in @usewonder.
The goal was simple: create something that makes people instantly think, "Damn, this feels like a real AI product."
I started with a few foundation screens, imported them into Wonder, then used Wonder Chat to expand the experience, refine the UX, and iterate much faster than I normally would.
My favorite feature has to be Shaders. It instantly made the interface feel more alive and premium. I also experimented with MCP + Codex to push the prototype further. Still learning that workflow, but it was fun to explore.
Here's a quick walkthrough of the project and how Wonder fit into my design process.
P.S. Ignore my grammar and occasional stuttering in the video. My brain renders thoughts faster than my mouth ships them. 😭
My submission for the Wonder Challenge is live ✨
I created my personal portfolio website with Wonder — from prompt-based design exploration to a complete Marmel portfolio experience.
Wonder helped me build the design foundation quickly, Claude helped bring it into code.
Live portfolio:
Web site live
Don’t forget to leave me a message in the Playground section. I’d love to read it.
Great
Built AUREN, a fully responsive e-commerce experience for a modular furniture brand, designed in Wonder and brought to life through Wonder MCP + Codex.
As someone who regularly designs e-commerce templates, I wanted to see how far I could take an idea inside one connected workflow. Wonder helped me move incredibly fast from visual direction and product imagery to responsive layouts, a complete design system, material assets, and then straight into a functional coded experience.
The final build includes product variants, modular configurations, cart interactions, responsive states, and a full mobile experience. What would normally require jumping between multiple tools became a much faster, more fluid process.
The video starts with the final showcase, followed by short clips showing how Wonder supported the project from first concept to live implementation.
Built with @usewonder
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?