Seek engine

The whole trick is one rule: a frame is a pure function of its time. window.seek(t) paints exactly the frame for t, every time, in any order. Frame 431 always looks the same, a fix is a one-line edit plus a re-render, and any single frame can be checked without playing the film. Everything else is that function, grown up.

Apply only the routes and checks for the selected job. Read a linked skill's named file from its installed folder when available, or from the linked source. Report an unavailable required reference instead of inventing it. [skill-authoring, DISTRIBUTION.md#composing-skills]

Start a film

From the film folder (make-video scaffolds it):

cp <this skill>/templates/index.html .
cp <this skill>/scripts/render.mjs <this skill>/scripts/LICENSE-anatomy-reveal.txt <this skill>/scripts/add-font.mjs <this skill>/scripts/gradient.py scripts/
npm install                       # playwright, from the scaffolded package.json
open index.html                   # live preview: click for sound in sync, space pauses, arrows seek 2 s, r restarts; ?t=2.5 ?format=9:16 ?style=night

The template's demo (a pill that morphs to a card and a circle, driven by a cursor, looping) exists to show the kit working. It is one idea, not a template: keep the FILM, MOTION LIBRARY, LOOK, LAYOUT and API blocks, and replace the SCENE block with your film.