The agent production playbook / in code
Editing with
Remotion.
Choose the edit. Inspect its source. Render an original.
Thirteen complete React/TypeScript studies connect observed cuts, continuity and motion to runnable code. Every source measurement stays separate from our implementation choices.
13editing studies
421uploads in the audited year
80 / 100existing films in period
50 scomposed original
Choose by the job of the edit
01 / TitleCutType a premise, then cut to the product
Separate the claim from its visual proof.
Source, timing & runnable code ↗
02 / PunchCutCut directly from context to detail
Make an interaction readable without spending time on camera travel.
Source, timing & runnable code ↗
03 / CameraPushMove the camera, then expose the action
Guide attention toward a target after establishing the workspace.
Source, timing & runnable code ↗
04 / FocusTypeEstablish the input before typing
Make the target of an instruction clear before the words arrive.
Source, timing & runnable code ↗
05 / ChapterReturnInterrupt a task and return to its state
Mark a new part of the argument without losing the task.
Source, timing & runnable code ↗
06 / SelectionContextKeep the selected scope through a reframe
Connect an edit request to the object it addresses.
Source, timing & runnable code ↗
07 / ScrollMaskMove the document, not the viewport
Land on a result while retaining orientation.
Source, timing & runnable code ↗08 / SplitResultReveal a result pane before its content
Show where a result comes from while making it readable.
Source, timing & runnable code ↗
09 / ObjectContextCarry identity across a container cut
Retain the same request when moving from isolated input to device context.
Source, timing & runnable code ↗
10 / CaptionCutKeep a caption outside the shot transform
Retain identity while the underlying shot changes scale.
Source, timing & runnable code ↗
11 / MotifMontageCut among variants without losing the motif
Compare a family of outputs rather than demonstrate a control sequence.
Source, timing & runnable code ↗
12 / DensityCollapseCollapse a busy wall into a sparse takeaway
Create a clear density change before the closing message.
Source, timing & runnable code ↗
13 / QuietEndingReserve the last beat for a quiet mark
Let a finished presentation stop demanding attention.
Source, timing & runnable code ↗Research is not a production approval.
These originals do not claim product behavior. Final all-hands production still follows the actual recording, separate OBS and Google Slides videos, measured manual offset, a real ending buffer and one consolidated storyboard review.
Return to the Agent Production Playbook · Read the date window, twelve-recipe audit and coverage gaps