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!!)
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.
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 🚀
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.
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.
Recent design project. The cube was created in Midjourney, refined and cleaned up in Photoshop (yeah), video generated in Google Flow. Interface and icon animations made with Figma. I hope it works okay for iPhone Duo too.
I still can’t seem to master the whole “design in one prompt” thing. What am I doing wrong? /s
I created a 30-sec AI-powered UGC ad for MELTY, a fictional ice cream brand.
This one was a bit of a challenge because getting AI-generated UGC to feel natural, from the creator’s expressions and eating motion to the product and ice cream texture takes a lot of prompting and refining.
I worked on everything from the concept and product visuals to the creator, scenes, and final video, with the goal of making it feel like a real UGC ad rather than something obviously AI-generated.
Still learning and pushing what AI can do with product advertising.
What do you think?
Want an AI-powered UGC ad for your brand or product? Send me a DM.
MATTER is a monochrome template for independent creative studios and designers.
Five pages on a shared layout: home, a work index, a project detail page, contact, and a custom 404. Two CMS collections drive the projects and testimonials, so adding new work never touches the design.