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
• 2d
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 🚀
Cool usage of wonder, wish you the best Italian friend (i think)
• 8h
Thank you so much!
Nice work as usual! Pushing a tool past its traditional application to build an automated asset generator is incredibly smart. Seeing automated UI architectures like this always sparks ideas for designing smart, dynamic web layouts.
I love the walkthrough!
• 1d
Thank you so much!
Really smart use of Wonder beyond classic app or web design. I like how you turned it into a structured content system template, MCP workflow, then final refinement inside Wonder. It feels practical, creative, and very relevant to real brand workflows. Great entry and good luck 🚀
• 1d
Thank you so much! I really just tried to avoid doing the typical landing page or app for this challenge. Other people did that, and they did a great job, but I just wanted to be original. I wanted to push the boundaries of the app and create something truly useful.
You are welcome. That originality definitely comes through and love that. Really strong angle 🚀
• 19h
Great job and really interesting use case. Also loved the explanation about your process!
Thank you so much!!!
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
Do you guys have tutorial on how to connect Wonder MCP to Claude ?
I made a design website in Wonder, but i have no idea yet how to make it a LIVE or real website.
appreciate a video tutorial
I built an operating system for my marriage.
MARRIAGE.OS is a fictional OS that treats a relationship the way software treats a system. It has a boot sequence, a live dashboard (trust level, comms uptime, a resentment queue, partner battery at 31%), a screen of the conditionals we actually run on (IF thermostat.touched_by(partner_a) THEN war()), an error log of every fight we've ever had (all resolved, eventually), and a shutdown screen that dims the lights and says goodnight.
The whole thing is a CRT terminal aesthetic: amber phosphor on near-black, scanlines, JetBrains Mono, a design system I kept consistent across all six screens.
How Wonder made it possible: I designed every screen with Wonder Chat, generating layouts from prompts and refining them on the canvas. The living glow behind the boot and shutdown screens is a Wonder shader, tuned by hand. Then I used Wonder's MCP to pull the design straight into code and ship it to a live URL. Canvas to code to deployed, no rebuild.
It's live here: marriage-os.gblackman.workers.dev
Link to Wonder file: https://app.wonder.so/user-b66760/files/019f161d-6250-7108-ab1b-6da6b3d02616
Twelve years of marriage, rendered as the longest-running system I own.
This is amazing
The hero gets the attention
But the boring sections decide if a template actually feels usable: testimonials, pricing, spacing, tiny proof points.
We tried to sweat those details in Parley so it feels closer to a real AI/SaaS website
Free to remix in framer
Must say ..you got really good eye on details💯
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?