motionmaxxing
Tejashmakwana/motionmaxxing · Apache-2.0 · 88 entries
An agent skill and a small GSAP runtime for making short launch films in plain HTML, with written rules of taste, measured timings and scripts that check the finished render.
- Get it
git clone https://github.com/Tejashmakwana/motionmaxxing ~/.claude/skills/motionmaxxing && bash ~/.claude/skills/motionmaxxing/install.shBy our read of the installer, it checks for Node, Python, FFmpeg and Chrome, links the folder into a skills directory, and downloads nothing. We did not run it.
- Needs
Node 22, Python 3.9, FFmpeg and Chrome. Optional and paid: an ElevenLabs key for voice and music. No Remotion: a film is an HTML page rendered through Chrome.
- Sends off your machine
Nothing by itself. Three scripts go online when you run them: voice (ElevenLabs), the logo fetch, and the brand reader, which loads the website you name.
- We watched it run
Its 9-second demo film stepped through frame by frame in a headless browser: a headline builds, a prompt types, a counter runs to 10,000.
Its own seek test passed. Jumping to a frame gave the same picture as playing to it.
- Not tried here
We made no film with the skill, so nothing here shows its films are better. The render script and its checks were read, not run.
- License
Apache-2.0
Its NOTICE file lists what is not covered: the bundled GSAP, three.js and fonts keep their own licenses.
Everything in it
Showing 19 of 88Show everything
GSAP motion
- GSAP 3.12.5 (bundled copy)Link onlyA minified copy of GSAP 3.12.5 that the runtime loads. The NOTICE says it is not under this repo's Apache license: 'Copyright 2024…
- M.camera, M.snap, M.whip, M.dive, M.driftFive camera moves on a wrapper element: keyframed camera, a snap that covers most of its distance in one frame then tails off, a whip pan…
- M.cascadeRuns one move across several elements with chosen frame gaps and returns the onset frames.
- M.cursor and M.pressA cursor that enters oversized, parks, then presses: the cursor squashes for 2-3 frames and the target answers a frame later.
- M.ease.accelExitMeasured ease: ease-in (about power 2.6), fastest near the end; 13 frames; 5%. Used for the leaving curve: scale exits, pans off frame, the…
- M.ease.bounceHardMeasured ease: big overshoot, peak 1.48; 22 frames; under 1%. Used for rare pops and rotations; the skill says use sparingly.
- M.ease.crashInMeasured ease: slam: touches the mark almost at once, peak 1.18 at 27%, relaxes back; 10 frames; 1%. Used for drops that should punch past…
- M.ease.crashOutMeasured ease: ease-in (power 4) that ends at full speed; 17 frames; 4%. Used for camera pull-offs and exits that end on a hard cut.
- M.ease.cruiseMeasured ease: linear; 9 frames typical; 18% of measured moves. Used for fades, drift, camera creep, counters, anything ambient.
- M.ease.gentleInMeasured ease: ease-in (about power 2); 9 frames; 9%. Used for exits, blur-out and fade-out starts, slow push-ins that run into a cut.
- M.ease.glideMeasured ease: gentle ease-out (about sine.out); 10 frames; 14%. Used for all-purpose medium lands, camera pushes, press-down.
- M.ease.popOverMeasured ease: late lean past the mark, peak 1.08 at 72% of the time; 15 frames; 2%. Used for release after a press, a one-off physical…
- M.ease.snapSettleMeasured ease: 54% done at a tenth of the time, then a long soft tail; 11 frames; 6%. Used for hero entries, logo crash-ins, card landings…
- M.ease.softInOutMeasured ease: S-curve; 9 frames; 14%. Used for opacity and blur ramps, ground and color changes, a number tied to a handle.
- M.ease.softLandMeasured ease: strong ease-out (about power 3); 12 frames; 9%. Used for the workhorse entry: text rises, panels slide, scale-ins.
- M.ease.whipMeasured ease: fast out (about power 2.5); 7-8 frames for a true whip; 6%. Used for big fast moves and the arriving half of a whip pan.
- M.enter and M.exitEntry and exit with a start or end pose and a directional smear that is strongest on the first (entry) or last (exit) frame.
- M.kf, M.show, M.hide, M.cutFrame-numbered keyframes on any property, hard show/hide, and a cut that swaps scenes on one frame and records the cut for the sound mix.
- M.wordsBuilds a line word by word at speech rhythm: rise, slide, pop, shrink or focus, with per-word gaps, a short smear and an accent color on…