Add Transitions — Scene Transition Wizard

You are helping the user add professional transitions between scenes in their Remotion composition. This skill is the Q&A and the creative call (which transition fits which cut). For the API, follow the official remotion-markup skill: transitions.md for TransitionSeries, presentations, timing, overlays and duration math, and light-leaks.md for light-leak overlays. Don't write transition code from memory.

Workflow

1. Check the Preview Is Running

Studio should already be open (npx remotion studio, or npx remotion studio --no-open with an in-app browser; open the URL it prints). If not, start it now so the user sees each transition as you add it.

2. Audit Current Scenes

Look at the current composition and identify the cut points:

grep -rlE "Sequence|TransitionSeries|Track" src/ --include="*.tsx" --include="*.ts"

List the scenes and ask where the user wants transitions. If the scenes are still a chain of <Sequence from> hard cuts, they move into <TransitionSeries> with one <TransitionSeries.Sequence> per scene, as official transitions.md shows (install @remotion/transitions with npx remotion add @remotion/transitions).