Remotion Transitions

Anpassade Remotion-scenövergångar via TransitionPresentation, med 6 färdiga recept.

av Ashad001 · Ashad001/remotion-transitions

Testad · Fungerar ★ 9.2/10

Remotion Transitions — Anpassade Remotion-scenövergångar via TransitionPresentation, med 6 färdiga recept.

Vad den gör

Lär Claude att bygga anpassade Remotion scen-till-scen-övergångar med TransitionPresentation API istället för CSS-animation, täcker komponentkontraktet, linjär vs fjäder-timing, stagger-matematik och sex fullständiga övergångsrecept (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam). Utlöses vid förfrågningar om anpassade, filmiska, glitch- eller varumärkesanpassade Remotion-övergångar utöver det inbyggda biblioteket.

Testrapport

Byggde en 'inkBleed' radiell-wipe-övergång på båda sätten: den oguidade baslinjen använde useCurrentFrame() och en CSS transition-egenskap inuti övergångskomponenten (båda explicit förbjudna, båda skulle tyst missköta sig i Remotion's render-pipeline), medan den färdighetsföljande versionen korrekt använde presentationProgress-only interpolation, clamp extrapolation och modulnivåinstansiering.

Testad: 2026-07-14 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/Ashad001/remotion-transitions
cd remotion-transitions
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/remotion-transitions

Kommandon och exempelprompter

/remotion-transitionsAnpassade Remotion-scenövergångar via TransitionPresentation, med 6 färdiga recept.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

I need a glitchy scene transition between these two Remotion clips
Build a custom zoom punch transition using TransitionPresentation
Give me a cinematic diagonal reveal effect for my Remotion video

Läs hela rapporten →