AI AI Toolkit
Taking Off TodayJavaScriptApache-2.0

Give Your AI Video a Face Rating: How motionmaxxing Turns Plastic Clips into Designer Motion

⭐ 872 Stars

What it does

motionmaxxing is "looksmaxxing" for motion graphics — in plain terms, it is an agent skill that turns the plasticky AI-generated videos you crank out into films that look like a real motion designer made them. It grades your keyframes the way a face-rating app grades a selfie: it scores your default version (say "mid, mediocre"), then scores its own optimized version ("maxxed, maxed out"), and visualizes the measurement — weight, tracking, easing curve, symmetry lines all annotated on top. It touches only typography and vector elements, never any real person's photo, so it is safe to use for brand films and product animations.

Why it blew up

AI video generation is trivially easy now, but the "AI smell" is equally heavy: robotic easing, careless fonts, loose layouts. Tutorials teaching you to fix videos are everywhere, yet few tools actually "automatically repair a bland clip into something designed." motionmaxxing hit exactly that gap — it turns the隐性 craft that veteran motion designers know (what "smooth easing" means, what "aligned layout" means) into quantifiable, checkable metrics, and it ships as a Skill you can drop straight into Claude Code or Codex. That timing, right as everyone floods their workflow with agents, helped it spread. The Apache-2.0 license and zero external dependencies also lowered the barrier to try.

Technical highlights

The most interesting part is "face-rating your animation." In the default state, your keyframes get measured into a bunch of numbers: weight, tracking, ease angle, with a verdict beside them. Then it applies its built-in 12 "measured eases" to optimize, measures again, and the values jump straight into the "maxxed" range — for instance weight lifted from default to 640, ease angle reset to 65 degrees, tracking tuned to -0.045em, verdict flipping from mid to maxxed. This "measure, fix, measure again" loop makes optimization an auditable engineering process rather than guesswork.

It also ships a mog check gate from G0 to G5, essentially a quality checkpoint for the animation that must be passed to count as达标. Under the hood it uses GSAP and Hyperframes for animation and rendering, and finally renders through Chrome plus ffmpeg, so you do not need a pile of extra graphics software. As an agent skill, it can take over the polish automatically after your AI generates a video, automating the most labor-intensive "AI makes it, human fixes it" stretch.

Who it is for

If you make short videos, brand motion, or product promos and are sick of the cheap AI feel, this skill can lift your output's quality a notch — and lift it quantifiably. Developers using Claude Code or Codex for content production will like it too: drop it in as a capability and let the agent polish the video right after generating it. It also suits design teams chasing style consistency: by freezing "what looks good" into a set of measurable parameters, even a newcomer can approach a senior designer's level. The prerequisite is a working Node 22+ plus the Chrome and ffmpeg render chain.

Quick start

Per the install section of the README, wire the skill into your agent environment (it needs Node 22+ and Chrome + ffmpeg):

# import this repo's SKILL.md into an agent environment that supports Agent Skills (Claude Code / Codex, etc.)
# rendering depends on Chrome and ffmpeg; once installed, let the agent auto-polish videos

Compared with alternatives

Tools with a similar spirit are various "AI video enhancement / stylization" utilities, but most super-resolution or filter the picture and rarely touch the "motion design language" itself. motionmaxxing's unique angle is decomposing motion quality into measurable metrics (easing, tracking, alignment) with a closed-loop optimization, and shipping as an agent skill rather than a standalone app so it slots into the generation workflow seamlessly. If what you want is "sharper picture," a general enhancer is enough; if what you want is "looks like a human-made motion design," this skill is the more on-target pick.

Where it fits and what to watch

One honest limitation: motionmaxxing optimizes the design language, not the underlying footage. If the source clip is blurry or the composition is wrong, no amount of easing polish will fix that — treat it as the final ten percent that separates amateur from pro, not a replacement for good source material. It also assumes you are working in the typography-and-vector space it understands; photoreal or 3D-heavy renders are out of scope today. Because it ships as a skill, the quality of the output depends on the agent driving it, so pairing it with a capable model matters. The render chain (Chrome plus ffmpeg) is the only real dependency, and once set up it runs offline. For teams, the bigger win is cultural: encoding "what looks good" as measurable gates means reviews become objective, not taste debates.

🚀

Get Started

Open Source · Commercial Friendly

Apache-2.0· JavaScript