Claude for Motion Graphics: Prompt Patterns That Produce Animated HTML Visuals You Can Capture as Video

A Reddit user on r/ClaudeAI has been using Claude to generate motion graphics and animated charts directly — not prompts for other tools, but having Claude build the visuals as HTML widgets, then capturing them as MP4 with Playwright + ffmpeg. They share a prompt pattern that consistently works: describe a story with a breaking point.

What Works

The key is to let the user break something. Examples that produced good output:

• Show five glasses filling with risk. The last one overflows and shatters.
• Show a rubber band stretching with each click until it snaps.

The user reports that telling Claude to let the user break something is what makes the output actually interesting.

What They're Looking For

The user is specifically asking the community for prompts that produce:

• Animated charts or data visualizations that actually move
• Interactive explainers where the user controls something
• Anything successfully captured as video from Claude's output
• Prompt structures that consistently produce good visuals on the first try, not the fifth

No further specific prompts from the community were included in the original post — the thread is still collecting replies.

Practical Takeaway

If you're building animated HTML widgets with Claude for later capture as video, structure your prompt around a narrative with a tension-and-release arc. The breaking point triggers visual change (overflow, snap, shatter) that makes the animation compelling. Combine with Playwright for screenshot/recording and ffmpeg for encoding to MP4.