Motion fieldnotesOpenAI film study
Interface sequences · Rendered draft

Send a prompt so it lifts into the corner, then stream a numbered answer beneath it

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

01 / OpenAI source 0:38.5–0:41.5 · Silent research excerpt
02 / Remotion draft Original illustrated content · Editable code

What the source does

A two-line user prompt sits in a grey bubble mid-frame with a purple send circle (f0–9). At ~f10 the bubble glides up and right, shrinking slightly, and the send button disappears; a faint 'Used health data' status appears beneath it at ~f16. At ~f40 a red-dot source label and a paragraph begin streaming at the left, followed by a bold 'Questions to bring…' heading (~f60) and a numbered list that fills line by line until f89.

Send commits the composer bubble into a message by translating and shrinking it, after which the assistant reply streams as prose, heading and a row-by-row numbered list.

Phase notes

  1. Frame 0 — Composer bubble with send button
  2. Frame 10 — Bubble lifts to upper-right, send fades
  3. Frame 16 — Faint status label appears
  4. Frame 40 — Source label and paragraph stream
  5. Frame 60 — Heading, then numbered list fills
  6. Frame 89 — List complete

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.

Inspect the original verification record ↗