Ultimate Motion Design

/plugin marketplace add 1AngelMicka/ultimate-motion-design
/plugin install umd@ultimate-motion-design
/umd:go a 30-second launch video for our app

A plugin for Claude Code that makes Claude produce high-end motion design, then checks it frame by frame before delivering it. It covers:

• promo videos and product launches;
• presentation videos and explainers;
• vertical shorts for social media;
• logo animations;
• animated short films;
• animated web pages and 3D shots.

What it brings:

• Every technology, one method.
  • Engines: HTML/CSS, GSAP, Motion, Remotion, HyperFrames, Revideo, three.js and WebGPU, shaders, Lottie, Rive, SVG, canvas, Manim, Blender, Mermaid, Code Hike, VHS.
  • Sound and text: voice-over, music, sound effects and captions.
  • Claude picks the right route for each project.
• Built-in deterministic rendering. umd capture turns any animated HTML page into a video, frame by frame, with no Remotion licence. Two renders give identical frames.
• Real quality control.
  • 12 domains and 64 checks, from narrative to licences.
  • Every passed check has evidence: a frame at t = 2.40 s, a LUFS measure, a line of code.
  • Score out of 10. An open blocker caps the score and locks delivery.
  • A critic agent scores every draft like a jury (7 = professional, 8 = agency, 9 = festival selection) and sends it back until it reaches the target. A fresh critic every round, which never sees the builder's reasoning and checks the previous round's fixes item by item.
  • Craft counts in the score: the idea and hero moment, typography, colour and sound design are judged against the project's target level (8 by default).
  • Sound is measured against picture: each effect lands on its event within ±45 ms (umd sync), and the music's real ending lands on the end card (umd mix --backtime).
• Measured, not just looked at. The hero's size in every key still (umd still --hero), frames that do not depend on the render order (--seek-check), loops without a jump (umd analyze --loop), motion blur by sub-frames (umd capture --subframes) and one clock for every event and sound (timing.json).
• Real characters. No more stiff faces drawn in code: umd characters searches film rigs (full face), a generator from baby to senior, anime, low-poly, animals and creatures, 4,000 avatars, 2D kits, motion libraries and tools, all free and usable in advertising, with licence and credit recorded. One layer (templates/blender/character.py) animates any humanoid the same way: look, blink, breathe, speak (umd lipsync), play an action, take a captured motion. In 2D, an HTML puppet does the same.
• A real sound department. Twelve effects made on the spot with no licence to manage (umd sfx whoosh, riser, impact…), free effects and music searched and credited automatically (umd sounds, CC0 and CC BY only), and a guide that says which sound goes on which picture event, per project type. Listen on the Sound and music page.
  • Cuts happen on motion, never between two parked shots, and no more than one second of near-still picture per 30 s: two measured checks, calibrated with zero false alarm on 15 reference films scored 7 to 8 by an AI jury.
• The grammar of professional launch films. Six rules and 16 mechanisms drawn from the analysis of 28 launch films: one persistent actor, every action producing a result, the foreground carrying the transition.
• Proven starting points, at no token cost.
  • 1 323 styles, prompts and ready-made blocks, sorted by project type, mood, look and format, with a preview of the result in the online library. Your agent picks what fits your brief on its own (umd styles match), or offers you three options.
  • 120 named techniques, from match cut to split-flap, so you and the critic speak the same language (umd moves).
  • Free images from Wikimedia Commons, recorded automatically with their author and licence (umd commons).
• A real motion design skill, usable anywhere. skills/motion-design condenses the craft: the ten-step loop with three gates, twelve rules that separate craft from slop, the numbers that matter, type, colour, sound, camera, how to judge a piece. In Claude Code it triggers by itself as soon as you animate; it also installs in Codex, Cursor or any agent that reads skills, with its 55 guides.
• Token-frugal and transparent.
  • About 270 tokens loaded at all times.
  • Measurable checks are done in code, without an agent.
  • A contact sheet replaces dozens of frames.
  • /umd:tokens shows what each command used. See Token economy.
• Licences under control.
  • A guard refuses to install a non-commercial model in a commercial project, a Tencent model in Europe, or AGPL code in a web page.
  • Every asset is inventoried with its licence.
  • Only free, reusable resources are recommended: nothing paid, nothing you may not redistribute.
• Easy to install. Two commands, then /umd:doctor installs whatever is missing.
• Free, open source, no telemetry, in French and English.

#How it works

One command to remember: /umd:go. It looks at where your project stands and runs the next step, then chains on its own until the next decision that is yours: approving the look, accepting a licence exception, delivering.

/umd:go a 30-second launch video for our app, 16:9

Under the hood it follows these steps, which you can also run one by one:

/umd:kickoff → /umd:storyboard → /umd:build → /umd:render → /umd:audit → /umd:fix → /umd:deliver