Motion fieldnotesOpenAI film study
Timing & transitions · Rendered draft

Jump the scroll position from the prompt card straight to the results table

Study the source, inspect the editable build, then adapt the treatment to your own content.

01 / OpenAI source 1:26.4–1:29.9 · Silent research excerpt
02 / Remotion draft Original illustrated content · Editable code

What the source does

The chat view holds for a full second: title row top-left, a 'copy of a shared chat' note, a timestamp, an 'Uploaded a file' chip and a large pale-blue user prompt card with a bold skill name, three paragraphs and a 'Show less' link, then a 'Worked for 3m 27s' row and the first lines of the reply. Between local frames 59 and 61 (master ~5244-5246) the page jumps with no intermediate positions to a point far down the reply: a decision paragraph, a 'Reviewed source' file link, a bold section heading, a three-column buyer table with four rows and the start of a scorecard section. It then holds with a small pointer resting over the table.

Jump cut of scroll position inside one screen recording: two static page states joined instantly instead of scrolling between them.

Phase notes

  1. Frame 0 — Prompt card view, hold
  2. Frame 60 — Instant jump to results table
  3. Frame 209 — Table view holds with pointer

Use this example

  1. Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
  2. Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
  3. Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
  4. Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
A runnable draft is not a fidelity approval.

The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.

Recorded limits

  • Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.
  • Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch.

Inspect the original verification record ↗