Deft
Ask AI

Search

Search skills, authors and topics

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-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.