In October 2026 I posted on LinkedIn about using Claude Sonnet 5.5 to generate motion‑graphics via Claude Code. I aimed for 15 self‑contained HTML examples, each a 6‑second loop rendered as a GIF at 15 fps, with pure‑time models, exact brand colours, and a spring‑based opening animation.
I use 15 frames a second.
Claude orange #D97757, navy #0F1B2E and DM Sans.
k = spring(t - 0.95, 240, 18).
The key chip presses at 0.6 s, the palette springs open at 0.95 s, four letters land between 1.35 s and 2.1 s, the highlight drops a row, Enter at 3.9 s, and a toast rises.
ffmpeg with palettegen stats_mode=full and paletteuse dither=none.
Render 8 moments across the loop side by side and fix what's wrong.