WHAT NEW IN X11.02 MON

AI collections from X · 22 collections · 65,263 posts

claudeVIDEO

One prompt makes Opus 5.5 generate a 30-second motion design video in code

The animation is written as a draggable HTML timeline, recorded frame by frame in a headless browser and stitched into an MP4 with ffmpeg, rendering in about two minutes on an M3.

Diam
@diamai_Archived 2026.09.28Originally posted 2026.09.27
Diam @diamai_Originally posted 2026.09.27
Open original on X

One prompt to Claude Opus 5.5 makes a 30-second motion design like this, all in code. An animation in the same style got 886K views and 19K bookmarks on X this week, so I rebuilt the method and packed it into instructions anyone can run in Claude Code. The whole video is one HTML page you can scrub like an After Effects timeline. A headless browser records it frame by frame, and ffmpeg glues the shots into an MP4. I tested the prompt in a clean session and it produced a full habit tracker video on its own. The render took under 2 minutes on an M3 MacBook. Five things make it look like a studio made it: - a 120 BPM track with one change on every beat - one element that morphs through 8-12 states without a cut - springs with a small overshoot instead of ease-in-out - a cursor that clicks or drags before each change - 4 subframes per frame blended into motion blur Prompt in the first reply.

x.com/diamai_/status/2104191375809954126Archived 2026.09.28 10:24