A paper-cutout finger flicks a marble and sets off a 13-part chain reaction printed on one long risograph sheet: dominoes, a seesaw, a gear train, a loop-the-loop, a Newton's cradle, a paper plane and a rubber stamp. Then the last marble rolls home and the film loops. You get the exact prompts, a check for every step, and the complete source for a 16:9 and a 9:16 version.
Before you start
Uses your AI plan
You’ll need
Claude Code
HyperFrames
GSGSAP
NoNode.js
What it uses
4 prompts to your coding assistantCounts toward your assistant’s usual allowance. Nothing extra to buy.
The tutorial
Free with an account · 4 steps
Free with an account. Your assistant runs on the plan you already have.
The recipe
4 steps, from nothing to yours.
Every step gives you the action, the exact input (a prompt, settings or a file) and a check to compare your result against the original.
Step 01
Print the paper (project, inks and the one clock)
Step 02
Build one station (the flick and the zigzag)
Step 03
Chain the stations
YoursStep 04
Camera, loop and render
Exactly what the creator used
Claude Code
Any recent version
HyperFrames
Any recent version
GSAP
Any recent version
Node.js
Any recent version
Claude Code: Claude Opus 5.5 (claude-opus-5-5). Wrote every file. Uses your Claude plan.
HyperFrames: 0.8.74 (npx hyperframes@0.8.74). Preview, check, render (HTML → MP4). Free, runs locally.
GSAP: 3.14.2 (jsDelivr CDN). The one paused timeline. Free.
Node.js: 24.x. Runs the HyperFrames CLI. Free.
Fonts: Archivo Black, IBM Plex Mono. Display + labels (bundled by HyperFrames). Free (OFL).
Codex or any agent that can run shell commands works too. HyperFrames downloads its own headless Chrome on first run.
Provenance: Recorded September 24, 2026: Claude Code with Claude Opus 5.5 (claude-opus-5-5); HyperFrames 0.8.74; GSAP 3.14.2; Node.js 24.13.1; rendered locally at 1920×1080, 30 fps, 36.9 s, H.264 (HyperFrames "looks" quality, CRF 16), no audio. No external images, footage or generative-media models were used.
Build a paper machine chain reactionUses your AI plan
Claude Code
HyperFrames