Frame from Code-drawn character in six art styles
PromptFull
let's see what you can do with the script, the animation, the sound design and the edit. Pixel art, a first-person block world, cartoon, kawaii, stop motion and 3D.

Make it yours. Swap the list of worlds ("Pixel art, a first-person block world, cartoon, kawaii, stop motion and 3D") for your own styles. The first clause hands over four jobs ("the script, the animation, the sound design and the edit"); drop any you want to do yourself.

Make it hereFree runs soon

Code-drawn character in six art styles

A 7-minute narrated film that explains how video can be code while a code-drawn caricature of the author travels through pixel art, a block world, cartoon, kawaii, cut paper, and 3D. Claude Code wrote every scene, the music, and the edit.

“My job was the brief, and a yes or no at each stage.”

You'll need

  • HyperFrames (npx hyperframes) to render the scene pages to video
  • Optional: an ElevenLabs voice for the narration
How it was made

One brief, then the author approved each stage before Claude went on; the build ran across many sessions and the code was never edited by hand. Each scene is a web page captured by HyperFrames at 30 fps, 12,390 frames in all. Music and effects are synthesized in code with no sample library, and the edit is timed from the narration script. The narration is the author's ElevenLabs voice clone. Of 52 logged issues, Claude caught and fixed 47; the 5 the author caught were all about sound or pacing. The brief names stop motion, but the finished fifth world is cut paper.

Posted Sep 24, 2026 · Blog

Prompt from: Blog post, opening quote

Look notesby Reference

A narrated making-of that alternates dark explainer cards with six styled worlds, all starring a small cartoon man with orange spiky hair and a black sweater.

Color
Charcoal cards with off-white and orange type. The worlds range from paper-craft pastels and a purple-sunset pixel city to bright green blocks, a sky-blue cartoon meadow, and a magenta 3D dusk.
Type
A bold sans for card headlines (It checks its work in stills., The edit is a text file., The list.), small spaced capitals for labels, white captions centered low on every frame, and a pixel font for the game HUD (KURT ×3, BUGS 03, WORLD 1-1).
Framing
The character stands in the center or lower third of each world. Explainer cards are flat diagrams on dark backgrounds, such as a four-box loop and a three-track timeline.
Sound
Narration in the author's ElevenLabs voice clone, with music and effects synthesized in code, according to the author.
Structure
A paper-craft opening, a card on how Claude checks its work in stills, the pixel-art city with a game HUD, the first-person block world, the cartoon meadow, a chapter card for cut paper, the 3D world with the character on a rocket, a card showing the edit as a text-file timeline, then the scorecard: 47 caught by Claude, 5 caught by Kurt.

More like this

0:58

Paper-craft explainer of Docker containers

Claude Code · Plain JavaScript

1:42

IKEA manual as a narrated 3D how-to video

Opus 5.5

4:48

Line-art lesson on atmospheric circulation

Claude Code · SVG

1:00

Artemis II flyby in mission-control style

Claude Code · HyperFrames

4:26

How AI coding agents actually work

Prompt described · Claude Code · Remotion

0:22

Stickman YouTube video about charisma

Claude Code · FFmpeg

1:52

Atoms to mixtures, explained for 8th grade

Partial prompt · Claude Code · HTML Canvas

12:12

What is a Transformer, for high schoolers

Claude Code · Remotion

2:55

3Blue1Brown parody on how LLMs work

Claude Code

1:00

Vertical faceless explainer from your text

Partial prompt · HyperFrames

1:10

Faceless explainer on hotel staff secrets

Claude Code · FFmpeg

2:37

Split-screen bubble sort explainer

Claude Code · Manim

1:09

Nine football rules as TV match analysis

Claude Code · Three.js

0:30

Negroni recipe as a 30-second explainer

Claude Code · HTML

4:10

Password vs passkey explainer, in Chinese

Opus 5.5

5:42

Five-minute explainer on T cells

Codex · Remotion

1:15

Recursion explained in nine video styles

Opus 5.5 · React

1:24

Talking head recut with line-art B-roll

Claude Code · Python

0:10

Active cell balancing in a battery pack

Claude Code · Remotion

1:00

History of ice cream in newspaper cutouts

Opus 5.5

6:06

GCSE geography video on India for Year 10

Claude.ai

0:38

Trailer for a Minecraft wizardry mod

Claude Code · Three.js

0:35

Five-scene explainer for a newsletter

Partial prompt · Claude.ai · HTML and CSS

4:40

Transformer explainer in 3Blue1Brown style

Opus 5.5

3:00

History of AI from the Transformer to AGI

Claude Code · Remotion

0:16

Showreel of type, form, space and time

Opus 5.5 · HyperFrames

1:16

Indian civilisation as a motion showreel

Claude Code · Three.js

0:48

3D promo for a travel-tracking app

Claude Code · Remotion

0:30

Pelican explains a Unix shell pipeline

Partial prompt · Claude.ai

6:36

Toy theatre: an octopus sues the Moon

Partial prompt · Claude Code · Plain JavaScript