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 8 of 88Show everything
HTML to video
- examples/demo (every runtime call once)A 9-second film for an invented brand that uses each runtime call once: a word-by-word headline with an accent on the arriving word, a…
- examples/phoneA 6-second lock-screen scene built with the native-ui kit: a notification rolls up and the camera pushes to a macro on it. Invented apps…
Shot recipes
- 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…
Starters
- film.html (starting film)The page every film starts from: a 1920x1080 stage, the runtime wired in, a Motion.film() call and the seek hooks the renderer drives. It…