Remotion Transitions

Brugerdefinerede Remotion sceneovergange via TransitionPresentation, med 6 færdige opskrifter.

Af Ashad001 · Ashad001/remotion-transitions

Testet · Virker ★ 9.2/10

Remotion Transitions — Brugerdefinerede Remotion sceneovergange via TransitionPresentation, med 6 færdige opskrifter.

Hvad det gør

Lærer Claude at bygge brugerdefinerede Remotion scene-til-scene overgange med TransitionPresentation API'en i stedet for CSS-animation, dækkende komponentkontrakten, lineær vs. spring timing, stagger math, og seks fuld-kilde overgangs-opskrifter (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam). Udløses ved anmodninger om brugerdefinerede, filmiske, glitch- eller branded Remotion-overgange ud over det indbyggede bibliotek.

Testrapport

Byggede en 'inkBleed' radial-wipe overgang på begge måder: den uguidede baseline brugte useCurrentFrame() og en CSS transition-egenskab inde i overgangskomponenten (begge eksplicit forbudt, begge ville lydløst opføre sig forkert i Remotions render-pipeline), mens den færdigheds-følgende version korrekt brugte presentationProgress-only interpolation, clamp extrapolation og module-level instantiation.

Testet: 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

Kommandoer og eksempelprompter

  • /remotion-transitionsBrugerdefinerede Remotion sceneovergange via TransitionPresentation, med 6 færdige opskrifter.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • 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