Domain-specific knowledge base for building videos with Remotion and React.
Real-world examples
Live HTML demos for this skill — rendered directly in the page. 4 examples.
- 01
Sequence timeline
Scrub a Studio-style timeline of named Sequences with from / durationInFrames — local frames reset to 0 inside each Sequence.
- 02
Frame + interpolate
Drive opacity, scale, and translate from useCurrentFrame() via interpolate() and Easing.bezier — no CSS transitions.
- 03
TransitionSeries cuts
Fade and slide between scenes; transitions overlap so total duration is shorter than the sum of sequence lengths.
- 04
Composition + props
A Composition card with fps, size, duration, defaultProps, and a Zod-style schema sidebar that live-updates the preview.