Living Screencast Mascot

A product walkthrough that reads as a real screen recording: a hi-res fictional app redrawn in 2D, a recording-style camera that pushes in on the cursor and whip-pans between panes, and a lo-res pixel mascot that stands and jumps on the top edges of real elements with anticipation, squash and dust — typed text, row selection, progress and a mid-film dark-mode circle takeover all change state for real.

Render a product walkthrough that reads as a real screen recording: a hi-res fictional app (panes, rows, code lines, a blinking caret) redrawn in 2D, a recording-style camera that pushes in on the cursor and whip-pans between panes — and a lo-res pixel mascot that lives inside the UI, standing and jumping on the top edges of real elements with anticipation, squash and dust. Typed text, selectable rows, progress bars and a mid-film dark-mode circle takeover all change state for real; a two-resolution score (felt-piano world + chiptune-square mascot) is synthesized from the same cue list.