Remotion Transitions
Benutzerdefinierte Remotion-Szenenübergänge über TransitionPresentation, mit 6 fertigen Rezepten.
Getestet · Funktioniert
Was es kann
Bringt Claude bei, benutzerdefinierte Remotion-Szenenübergänge mit der TransitionPresentation API anstelle von CSS-Animationen zu erstellen, wobei der Komponentenvertrag, lineares vs. Spring-Timing, Stagger-Mathematik und sechs vollständige Quell-Übergangsrezepte (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam) behandelt werden. Wird bei Anfragen nach benutzerdefinierten, filmischen, Glitch- oder Marken-Remotion-Übergängen über die integrierte Bibliothek hinaus ausgelöst.
Testbericht
Ein 'inkBleed'-Radialwisch-Übergang wurde auf beide Arten erstellt: Die ungeleitete Baseline verwendete useCurrentFrame() und eine CSS-Transition-Eigenschaft innerhalb der Übergangskomponente (beide explizit verboten, beide würden im Render-Pipeline von Remotion stillschweigend Fehlfunktionen verursachen), während die Skill-konforme Version korrekt nur presentationProgress-Interpolation, Clamp-Extrapolation und Modul-Level-Instanziierung verwendete.
Getestet am: 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
Befehle & Beispiel-Prompts
/remotion-transitionsBenutzerdefinierte Remotion-Szenenübergänge über TransitionPresentation, mit 6 fertigen Rezepten.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
I need a glitchy scene transition between these two Remotion clipsBuild a custom zoom punch transition using TransitionPresentationGive me a cinematic diagonal reveal effect for my Remotion video