A 40-second explainer of how a coding agent loops
224 views · 2 likes · 0 saves · 0 reposts · Posted Sep 27, 2026 · 0:40 · Explainers
OUR NOTEA 40-second dark-theme explainer covering context, harness, tool calls and compaction, with a filling context-window bar and a model-context-harness loop diagram, animated and scored with beat-matched cuts from one Claude Code message in 14 minutes.
I asked Opus 5.5 to explain how a coding agent works in 40 seconds.
never been this shocked. It animated the whole thing, wrote the music, and landed every cut on the beat.
one message in Claude Code, 14 minutes. Workflow is in the comments 👇THE PROMPT
Partial prompt — the creator shared only part of it.
I asked Opus 5.5 to explain how a coding agent works in 40 seconds.
never been this shocked. It animated the whole thing, wrote the music, and landed every cut on the beat.
one message in Claude Code, 14 minutes. Workflow is in the comments 👇MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 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.
Indexed Sep 30, 2026, 2:01 PM · Views as of indexing. Video and post © their creator.