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 35 of 88Show everything
Shot recipes
- C1. Wordmark crash-in, then perpetual contractionThe name slams in oversized, settles, then keeps shrinking slowly so the end frame is never dead. Carries a warning: on near-black with a…
- C10. CTA words focusing in placeThe last words come into focus where they stand, beside a mark built from a character; quiet energy for playful brands.
- C2. Logo built from partsThe mark assembles from pieces of the film. Carries a warning that this ending is a default in generated films.
- C3. Emblem enters oversized and blurredThe emblem arrives large and soft and halves its excess every two frames.
- C4. Icon on white, settling from 1.86xA hard cut to white and a shape mark that settles from 1.86 times its size; for a mark that is a pure shape, after a dark scene.
- C5. Mosaic / pixel dissolve into the markA field of squares resolves into the mark; only when the texture is truly the brand's.
- C6. Logo morph from a previous identityA per-letter flip from an old name to a new one in about a second; for a rename or rebrand.
- C7. Dive into the logo to enter the productThe camera dives into a feature of the logo that becomes a container, such as an underscore that becomes an input.
- C8. Button click, cut before releaseThe cursor presses the product's own control and the film cuts at maximum compression. Warns against a logo plus a download pill, which is…
- C9. Typed CTA prompt, cut before sendA prompt line is typed with a human rhythm and the film cuts before it is sent, handing the action to the viewer.
- T1. Hard cut on motionThe cut lands mid-move at peak speed, never on a settled frame. Written as what, mechanics with measured frame numbers, when to use and…
- T10. Pixel / mosaic dissolve with stepped coverageA field of hard-edged cells dissolves or resolves in steps; opacity is not used. Written as what, mechanics with measured frame numbers…
- T11. Zoom-through / dive into a logo detailThe camera scales into one detail of the logo at a constant rate until it becomes the next surface. Written as what, mechanics with…
- T12. Pull-back reveal with snapThe product is shown as one magnified fragment, then revealed by pulling back. Written as what, mechanics with measured frame numbers, when…
- T13. Whip pan with content changing during the whipA fast pan in which the old content leaves and the new arrives inside the move. Written as what, mechanics with measured frame numbers…
- T14. Scale cutScale changes in one frame, not by a zoom tween, ideally with a content change on the same frame. Written as what, mechanics with measured…
- T15. Ground flips by act (dark / light)The ground inverts at an act boundary, always caused by an object or hidden in motion. Written as what, mechanics with measured frame…
- T16. Localized glitch rectangles as a bridgeA few black static rectangles over part of the frame for six frames or fewer bridge a hard cut. Written as what, mechanics with measured…
- T17. OcclusionA rising or sliding surface covers the old content; nothing fades. Written as what, mechanics with measured frame numbers, when to use and…
- T18. One-frame double exposure and carry-over ghostsOne to three frames where both scenes coexist, or a one-frame ghost carries across. Written as what, mechanics with measured frame numbers…
- T19. Hard replacement of a word or lineText is swapped without a transition, words dropped or added on single frames. Written as what, mechanics with measured frame numbers, when…
- T2. Carried-object match cutThe same object sits at the same place and pose on both sides of the cut. Written as what, mechanics with measured frame numbers, when to…
- T20. Strobe / reel flipMany plates flip on a rhythm (about 15 a second) to read as range or volume. Written as what, mechanics with measured frame numbers, when…
- T3. The effect becomes the next sceneThe thing that finishes scene A (a burst, a growing shape) is the ground of scene B. Written as what, mechanics with measured frame…
- T4. Container replacementThe old bar, card or pill contracts and a new container takes its slot at full size. Written as what, mechanics with measured frame…
- T5. Grey/flat dip hiding a theme flipA four-frame wash to one flat gray frame hides a light-to-dark flip and a magnification. Written as what, mechanics with measured frame…
- T6. Blur-matched cutThe exit ends blurred and the entrance starts more blurred, so the cut vanishes in defocus. Written as what, mechanics with measured frame…
- T7. Wipe that starts in A and finishes in BA band begun at the end of one scene completes in the first frames of the next. Written as what, mechanics with measured frame numbers…
- T8. Mask / clip-edge wipe through glyphsA clip edge sweeps through text so lines erase and reveal mid-letter, with no crossfade. Written as what, mechanics with measured frame…
- T9. Stair / block wipe in screen-grid stepsA wipe whose front advances in whole grid jumps with no in-between. Written as what, mechanics with measured frame numbers, when to use and…
- UI demo recipe A: prompt, send, agent resultA frame-by-frame timeline at 30 fps for a product demo beat: prompt, send, agent result; about 205 frames (6.8 s). Only when the product is…
- UI demo recipe B: toggle, cascade, claimA frame-by-frame timeline at 30 fps for a product demo beat: toggle, cascade, claim; about 175 frames (5.8 s). The file calls these…
- UI demo recipe C: drag, drop, output cascade, headlineA frame-by-frame timeline at 30 fps for a product demo beat: drag, drop, output cascade, headline; about 135 frames (4.5 s). The file calls…
- UI demo recipe D: checklist, revealA frame-by-frame timeline at 30 fps for a product demo beat: checklist, reveal; about 165 frames (5.5 s). The file calls these mechanics…
- UI demo recipe E: select from a carousel, commit into a formA frame-by-frame timeline at 30 fps for a product demo beat: select from a carousel, commit into a form; about 270 frames (9 s), two clips…