I built a motion design learning tool called LearnMotion.

Built entirely in Wonder for the #WonderChallenge.

Whenever I came across a beautiful text animation, logo reveal, or cool social media motion, I always had the same question:

"How did they make that?"

LearnMotion lets you upload a video (or paste a YouTube link), analyzes the motion, and breaks it down into a step-by-step guide you can recreate in simple motion design tools.

The part I enjoyed most was the workflow.

I started by chatting with @Wonder, which designed the entire interface, from the upload screen to the analysis page and the final motion breakdown page. I also used Wonder's shader to add subtle movement to the background, which felt fitting for an app that's all about understanding motion.

Then I connected Claude Code through MCP, and it turned those designs into a working application.

I love how Wonder made it easy to go from describing an idea to seeing it come to life.

Here's the link to the Wonder project and the live app