I sit in front of my laptop for hours and forget I have to move. So I built Echo: a small creature that lives on your screen while you work, and when you've been still for too long, it takes over your screen and makes you move, real movements, counted by your camera using Google's MediaPipe. It doesn't just remind you to move. It checks that you did.

The whole thing started in Wonder. I was lost on the idea until Wonder generated the character and the first real screens, and suddenly it all lined up. From there I built the entire design system inside Wonder : brand, logo, typography, buttons, inputs, the device, the landing page: iterating in Wonder Chat and using shader generation for the auras and glow that carry the creature's health.

Then I connected Wonder's MCP to Claude. It read the designs straight from the Wonder file and wired up the logic. I designed every product screen in Wonder and went back and forth with Claude Code until it was built.

Brand guidelines, a full product design system, and a working product, in about two days. The wonder file: https://app.wonder.so/noor-mtir/files/019f3367-6454-791d-aaf0-813b4a07b2ff The design system is live : https://echo-seven-kappa.vercel.app/ the app is in dev. Walkthrough below.