Remotion Transitions

Tilpassede Remotion sceneoverganger via TransitionPresentation, med 6 ferdige oppskrifter.

av Ashad001 · Ashad001/remotion-transitions

Bestått ★ 9.2/10

Remotion Transitions — Tilpassede Remotion sceneoverganger via TransitionPresentation, med 6 ferdige oppskrifter.

Hva den gjør

Lærer Claude å bygge tilpassede Remotion scene-til-scene overganger med TransitionPresentation API i stedet for CSS-animasjon, og dekker komponentkontrakten, lineær vs fjæringstiming, stagger-matematikk, og seks fullkilde overgangsoppskrifter (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam). Utløses ved forespørsler om tilpassede, kinematiske, glitch, eller merkevaretilpassede Remotion-overganger utover det innebygde biblioteket.

Testrapport

Bygde en 'inkBleed' radial-wipe overgang på to måter: den uledede baseline brukte useCurrentFrame() og en CSS transition-egenskap inne i overgangskomponenten (begge eksplisitt forbudt, begge ville stille feilfungere i Remotion's render-pipeline), mens den ferdighetsfølgende versjonen korrekt brukte presentationProgress-kun interpolering, clamp-ekstrapolering, og modul-nivå instansiering.

Testet på: 2026-07-14 · Claude Code 2.x (agent harness)

Installer

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-transitionsTilpassede Remotion sceneoverganger via TransitionPresentation, med 6 ferdige oppskrifter.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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