@andrewislearning
← all days

Day 05 · May 4, 2026

Turn screen recordings into animations

Remotion · overlay-only render · hand tracking

"Your audience is visual. Give them something to look at."

Day 5 packages the motion graphics from the reel into reusable Claude skills: Mac desktop opens, Claude prompt modals, swipe transitions, floating logos, and hand-tracked word reveals.

You don't need to read this

If you have Claude Code, install the Day 5 plugin and ask Claude to turn a boring screen recording moment into an on-screen animation.

$ /plugin marketplace add andrewjiang/andrewislearning
$ /plugin install day-05-remotion-animations@andrewislearning

What the plugin does

The plugin turns a raw "watching AI type" moment into a clear visual component, then keeps the edit stable by rendering overlays separately from the base video.

01
Lock base
Normalize iPhone footage to SDR and build the visual edit first.
02
Open desktop
Render a Mac-style `day_05.mov` open and close loop.
03
Replace screens
Swap raw screen captures for Claude prompt modals and clean components.
04
Track hands
Attach big words like `ON-SCREEN ANIMATIONS` to fingertip movement.
05
Render overlay
Render Remotion graphics as a transparent ProRes overlay.
06
Composite
FFmpeg-composite overlays onto the locked video to avoid flicker.

The guide

The reliable path is to stop sending the whole iPhone video through Remotion for every caption tweak. Build a clean base, render transparent overlays, then composite.

$ python3 pipeline/caption.py --config series/days/05-caption-overlay-only-v1.json --muted
$ ffmpeg -i locked_base.mp4 -i overlay.mov -filter_complex "[0:v][1:v]overlay=0:0:format=auto[v]" -map "[v]" -map 0:a final.mp4

Rule: raw screen recordings are useful proof, but they are rarely the best visual. Replace the recording with the smallest animation that explains what the agent is doing.

The components

Day 5 includes three packaged skills: `remotion-desktop-window` for the Mac opening, `remotion-overlay-composite` for stable transparent overlays, and `finger-stretch-words` for hand-tracked typography.

Those skills are deliberately built around the issues from the edit: SDR color, black flickers, over-rendering, caption overlap, and looping the desktop frame cleanly.

The source

Next - Day 06

The editor is getting more visual. Next up: making the workflow faster without sacrificing taste.