building-scenes

Write the script or beat list as data first, derive durations from it, build shared theme and text components, then build one scene at a time registered on its own in src/Root.tsx. Assemble the master composition last, deriving its total length from the scene table.

Chunk the approved narration string with a chunkNarration function stored in shared/caption-text.ts, then spread chunks across the section weighted by length. Render them in a semi-opaque dark panel at 40px with at least 1.5 line height.

This happens when a hand-typed durationInFrames disagrees with the scene's actual length. Export the scene duration as a named constant and import it into the composition, or use calculateMetadata so the duration is always derived.

No. Every animated value must derive from useCurrentFrame(), because Remotion renders frames out of order and in parallel. CSS transitions, Date.now(), and Math.random() produce non-deterministic output; use a seeded pseudo-random function instead.

Text must clear 4.5:1 contrast against its background, meaning-bearing shapes 3:1, text never drops below 22px, nothing meaning-bearing is carried by colour alone, and nothing flashes more than three times per second.