Remotion Transitions

Aangepaste Remotion scènetransities via TransitionPresentation, met 6 kant-en-klare recepten.

Door Ashad001 · Ashad001/remotion-transitions

Getest · Werkt ★ 9.2/10

Remotion Transitions — Aangepaste Remotion scènetransities via TransitionPresentation, met 6 kant-en-klare recepten.

Wat het doet

Leert Claude om aangepaste Remotion scène-naar-scène transities te bouwen met de TransitionPresentation API in plaats van CSS animatie, waarbij het componentcontract, lineaire versus spring timing, stagger math, en zes volledige bronovergangsrecepten (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam) worden behandeld. Activeert bij verzoeken om aangepaste, cinematische, glitch, of branded Remotion transities buiten de ingebouwde bibliotheek.

Testrapport

Een 'inkBleed' radiale-wipe transitie op beide manieren gebouwd: de ongeleide baseline gebruikte useCurrentFrame() en een CSS transition property binnen het transitiecomponent (beide expliciet verboden, beide zouden stilzwijgend verkeerd functioneren in Remotion's render pipeline), terwijl de skill-volgende versie correct presentationProgress-only interpolatie, clamp extrapolatie en module-level instantiatie gebruikte.

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

Installatie

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

Commando's en voorbeeldprompts

/remotion-transitionsAangepaste Remotion scènetransities via TransitionPresentation, met 6 kant-en-klare recepten.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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

Volledig rapport (Engels) →