← All videos

Original prompt — Tested

Remotion explainer prompt — document to vertical video

by MotionPrompts (own run)
ExplainerDiagrams

Prompt

Banned list ✓Beat grid ✓Build method ✓Self-review ✓
<direction> An 8-second vertical explainer that turns a document into three points. A report page titled Q3 OPERATIONS REPORT appears at full size; its key lines highlight one group at a time; then the page shrinks to the top of the frame while three numbered cards land below it: Manual reports eat 6 hours a week. / One template. Data drops in, film renders out. / Reports ship in 8 minutes, not 6 hours.. Near-black background, the document is the only light object, one orange accent. Banned: fake handwriting fonts, page-curl effects, glows, gradients, stock icons, zoom blur transitions. </direction> <structure> Beat 1 (0–1.8s): the document springs in, title and rule first. Beat 2 (1.8–3.9s): three groups of text lines wash with a pale accent highlight, one group per beat. Beat 3 (3.9–5.3s): the document scales to 0.62 and rises; Beat 4 (4.6–7.2s): cards 01/02/03 stagger up under it. Beat 5: end line — "14 PAGES → 3 POINTS → 8 SECONDS" — hold. </structure> <build> One Remotion composition, 1080x1920 vertical, 30fps. Document lines are plain divs (skeleton bars, no real text to overflow). Highlights are width-interpolated overlays. Cards use spring() entrances staggered 22 frames. Everything computed from the frame number. </build> <gotchas> Skeleton bars beat real paragraph text: real text reflows and breaks the layout at other sizes. Keep the document's footer joke small — it is a detail, not a headline. </gotchas> Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.

For every PDF nobody reads: the document appears, its key lines light up, and it condenses into three cards a phone can actually show.

Run log

What broke (and the fix)

  • Nothing broke. Still checked at frame 185: document shrunk to the top, all three highlight groups washed, cards 01 and 02 landed and 03 arriving on schedule. The empty middle of the frame is the design (document owns the top, cards own the bottom) — verified it reads as breathing room at full size, not a layout gap.

Related videos

ModelClaude (agent build)
Renderer / stackRemotion + React
Iterations to final1
Render time29s (final render)
Format1080×1920 · vertical
Published2026-10-25

Submit a video

Know a motion video made with an AI coding model? Send the post. Rules: