Code-driven animation prompt for Claude Opus, shared as a text post: Claude Opus launch video

In short

The post shares a text prompt for a code-driven animation pipeline: an HTML/JS page computes every frame from time, and the frames are captured and assembled into an MP4. The author says the prompt produced impressive videos on the first try with Opus 5.5. No video length or aspect ratio is stated.

Prompt

From the author's post

Code-driven animation: an HTML/JS page where every frame is calculated from the time, captured frame by frame with headless Chrome (Playwright), then assembled with ffmpeg into an MP4 with motion blur and code-generated sound.

How it was made

The author says the prompt was used with Opus 5.5. The stated pipeline is an HTML/JS page where each frame is calculated from time, frames captured one by one with headless Chrome via Playwright, then assembled with ffmpeg into an MP4 with motion blur and code-generated sound. The author shared no timing, cost, or further details.

Tools: Claude Opus, Ffmpeg, Playwright

Why it works

Time-driven rendering: each frame is computed from its timestamp, so the output is deterministic and can be reproduced frame by frame.
Frame-by-frame capture: headless Chrome with Playwright records each rendered frame, which keeps timing exact rather than relying on real-time recording.
Motion blur is named in the prompt as a finishing step, giving movement a smoother, more filmed look.
Code-generated sound is part of the same pipeline, so audio is produced alongside the visuals instead of being added separately.

Remix it for your product

Code-driven animation for [PRODUCT]: an HTML/JS page showing [FEATURES], where every frame is calculated from the time, captured frame by frame with headless Chrome (Playwright), then assembled with ffmpeg into an MP4 with motion blur and code-generated sound.