Motion graphics

Make a video that looks like a motion designer's showreel and sounds like it was scored for it — entirely from code: a selling promo, a launch video, an explainer, an intro, a logo sting, a reel. The picture is an HTML page in which every frame is a pure function of time, captured in headless Chrome with real sub-frame motion blur. The soundtrack is composed and synthesised for this one video on the same beat grid as the picture, so every cut, slam and whoosh lands on the beat. No stock footage or music libraries, no AI video, no npm packages — the person's own clips and photos are welcome material.

The bar for every video, whatever it is for, is a motion designer's showreel: treat each brief as the piece that opens your own — every frame designed, motion from the first frame, nothing filler. That is the effort, not a look: the direction (step 3) still decides the style, the pace and the energy, and a calm request gets a calm film made with the same care. Every number, preset and example in this skill is a worked example from a real video, not a mandate — only the rules (the frame contract, facts from the person, the loudness targets, the client's protection) are fixed.