Sixteen UI motion studies laid out in a four-by-four grid
135.1K views · 1.2K likes · 1.8K saves · 159 reposts · Posted Sep 26, 2026 · Motion graphics
OUR NOTEA grid of 16 looping motion graphics — chart morphs, elastic type, a magnetic dock, a particle logo — made in Claude Code by asking for HTML and SVG and refining round by round.
Claude Opus 5.5 can (finally) generate motion graphics
16 motion graphics in Claude Code (my 3 steps):
1. Pick one motion, like a chart that morphs.
2. Show Claude a reference and name every state.
3. Ask for HTML and SVG, then fix it round by round.
Download them all here:
https://charliehills.substack.com/p/opus-55-motion-graphics
Repost ♻️ to help someone in your network.THE PROMPT
The creator didn't publish a prompt for this one. The post text is below.
MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
This creator didn't share a prompt. Start from our template instead.
PROMPT TEMPLATE → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Anthropic just published its official prompting guide for Opus 5.5. If you're still writing prompts the way you did for Opus 5, you're paying more and getting less. Here's what changed 👇 1. Default to medium effort Medium on 5.5 already outperforms high on Opus 5, at a lower cost. Maxing it out by habit just burns tok...
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.