remotion-dev / skills
remotion-markup
Structure Remotion scenes with markup patterns for layout, typography, and reusable video UI.
Install
npx skills add https://github.com/remotion-dev/skills --skill remotion-markupMulti-scene videos
Give each substantial scene its own component and connect it when it benefits from an independent editing timeline. Keep each instance's name, timing, and props inline in the parent.
Choose the parent structure from the editing behavior:
- For independent scene start times, use a named
Trackwith explicitfromanddurationInFrameson each scene. Its items must not overlap. - For scenes that should remain adjacent as their durations change, use
TransitionSeries. Keep each scene inside its ownTransitionSeries.Sequence, with duration and source trim on that boundary. Add transitions when needed and account for their overlaps in the total composition duration.
Follow editable timeline structure (timeline-structure.md in the remotion-interactivity skill)
for a complete scene, parent, and registration example. See
transitions [blocked] for transition timing and presentations, and
connected compositions [blocked] for extraction and
verification in the full video.