Make a 30-second motion-graphics video from one prompt

One Claude Code prompt rendered a 1080p60 three.js video in 26 min for $6.74; others render particles in headless Chromium.

In short

What it does: One Claude Code prompt rendered a 1080p60 three.js video in 26 min for $6.74; others render particles in headless Chromium.

Agent: Claude · Category: Content & video

Steps in brief:

  1. Prompt: “make a dynamic 30-second motion graphics video about <product>. not too fast, people should actually understand what it’s about. use three.js”.
  2. Let it render frames (another author rendered 900 frames in headless Chromium on CPU).
  3. Or point Claude Code at a launch video you like and have it build your own version.

Who made it: Artem (X post, 1 Oct 2026) · source

Last updated · based on 336 use cases on agentsetups, each credited to its author.

by Artem1 Oct 2026

Prompt for your agent

Goal: Make a motion-graphics video in code.
Setup: agents used in source: Claude; tools/MCPs stated: three.js, headless Chromium.
Steps:
1. Prompt: “make a dynamic 30-second motion graphics video about <product>. not too fast, people should actually understand what it’s about. use three.js”.
2. Let it render frames (another author rendered 900 frames in headless Chromium on CPU).
3. Or point Claude Code at a launch video you like and have it build your own version.
Rules: ask me before anything irreversible (sending, posting, paying, deleting); don’t invent data, results or tools I haven’t given you; tell me what you couldn’t verify.
Based on: Artem — https://x.com/sl1ma4/status/2105592053874700360

Steps are from the source. Includes a “Based on” credit line.

I tried this

Tell the next builder. One anonymous answer each; click again to undo.

Agents, models and tools only what the source states

Agents
Claude
Models
Sonnet 5.5 Opus 5.5
Tools
  • three.js
  • headless Chromium

Sources & credit