A 40-second explainer of how a coding agent loops
224 views·2 likes·Posted 27 Sept 2026 · 0:40 · Explainers
Our note
A 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.
The creator’s post
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
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
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
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, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
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 →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth