Innovative Social Post Generator Using Wonder & Claude MCPInnovative Social Post Generator Using Wonder & Claude MCP
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
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 🚀
Queen's avatar
Looks great
Dotun's avatar
Looks great 🔥🔥
Edoardo's avatar
Heterochromia logo
Thank you!
Great's avatar
Feels good 💯
Edoardo's avatar
Heterochromia logo
Thank you !!
Boluwatife's avatar
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.
Aibek's avatar
Wonder logo
I love the walkthrough!
Edoardo's avatar
Heterochromia logo
Thank you so much!
Faadil's avatar
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 🚀
Edoardo's avatar
Heterochromia logo
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.
Faadil's avatar
You are welcome. That originality definitely comes through and love that. Really strong angle 🚀
Vroj's avatar
Great job and really interesting use case. Also loved the explanation about your process!
Edoardo's avatar
Heterochromia logo
Thank you so much!!!
Sergey's avatar
Cool usage of wonder, wish you the best Italian friend (i think)
Edoardo's avatar
Heterochromia logo
Thank you so much!
Peace 's avatar
Edoardo's avatar
Heterochromia logo
Thank you!!
Sulaimon's avatar
its looks really great ☺🔥
Edoardo's avatar
Heterochromia logo
Thank you so much!!
Musa's avatar
nice one
Olubade's avatar
nice one 🙌
Edoardo's avatar
Heterochromia logo
Thank you so much!
Adesina's avatar
This is great man 👏 👏 👏
Eniola's avatar
Great visual balance
Idris's avatar
Well done for the great job
 Sahariar's avatar
Great job
Jasper's avatar
Using MCP to shape the prompt before it ever hits Wonder is the part most people skip, and then they cannot work out why the brand keeps drifting. How are you stopping the template rules from getting overwritten as the prompt grows? I keep losing that fight.
Charles's avatar
Charlid Studios logo
This is so cool man
Asif's avatar
Using a web design tool as an asset pipeline is smart misuse, the guideline-following part is what most AI workflows are missing.
Back to feed
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