Remotion Keyframes

Keyframes are a pose contract: visible states, continuous subject identity, frame-deterministic, verified pixels.

Use remotion-animation for broad scene recipes. Use remotion-cli for full command docs.

Procedure

1. Identify the animated subject, visible states, final state, and animation primitive (spring or interpolate).
2. Choose the smallest mechanism that proves the prompt.
3. Author frame-deterministic keyframes. All values derive from useCurrentFrame().
4. Verify with npx remotion studio — scrub the full timeline, check first frame, all poses, and final frame.
5. If proof fails, fix the source keyframes and re-verify before rendering.

Contract