Code Diff Walkthrough

A silent code-change explainer: a diff walked beat-by-beat on an editorial page — hunks light red-removal/green-addition, tokens morph between code states, the file tree lights, a cream diagram traces the runtime, and a stat lands.

Code Diff Walkthrough

How it works

  1. Author the beats and the diff lines in sheet.json

  2. build.mjs validates and assembles the page

  3. render.mjs produces a silent mp4 + report.json