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-markup- metadata
- tags: sequence, series, timing, delay, trim
Choose the timing boundary
Put timing props directly on a built-in interactive component or one made with
Interactive.create() when that item should be edited independently. Set audio
timing and volume on Audio from @remotion/media.
Use a shared Sequence when several layers must inherit the same trim, speed,
or start time, when overriding dimensions for descendants, or when the child
does not accept timing props. Choose layout="none" if the group should not
add a layout element; otherwise its absolute-fill layout also positions the
contents.
Use Track for non-overlapping items with independent positions and
TransitionSeries for consecutive items that should shift together when a
duration changes. Keep the series' own sequence boundaries, including when a
child already accepts timing props.
Follow editable timeline structure (timeline-structure.md in the remotion-interactivity skill)
for grouping and examples. See timing props [blocked] for how from,
trimBefore, duration, speed, and looping combine, and
editable video timelines [blocked] for synchronized footage and captions.