One orange line on near-black never lifts. It writes the word "make", turns into a sound wave that pulses on the beat, folds into a 3-D ribbon, draws a city skyline and a single-line portrait, spins into a galaxy, and winds back into the dot it started from. It runs 20 seconds on a 120 BPM grid, is vertical, and loops seamlessly for Reels. You get the exact prompts, a numeric check for every step (safe zone, camera smoothness, loop SSIM), and the complete source.
Before you start
Uses your AI plan
You’ll need
Claude Code
HyperFrames
GSGSAP
NoNode.js
FFFFmpeg
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
Set up the dark page and the one clock
Step 02
Author the figures as real geometry
Step 03
Move the pen and the eraser
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
FFmpeg
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). Lint, check, snapshot, render (HTML → MP4). Free, runs locally.
GSAP: 3.14.2 (jsDelivr, inlined at render). The one paused timeline. Free.
Node.js: 24.x. Runs the CLI and the analysis scripts. Free.
FFmpeg: 4.4 or newer. Instagram encode, loop SSIM. Free.
Font: IBM Plex Mono 400. Section captions (HyperFrames embeds it at compile time). 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; ffmpeg 4.4.2. Rendered locally at 1080×1920, 30 fps, 20.0 s (600 frames), H.264 (HyperFrames "standard" quality, x264 CRF 16), beginframe capture on the software GPU, no audio. Instagram copy: libx264, preset slow, CRF 23, maxrate 16M, High profile, yuv420p, faststart. No external images, footage or generative-media models were used.
Claude Code
HyperFrames