Remotion Transitions
Transizioni di scena Remotion personalizzate tramite TransitionPresentation, con 6 ricette pronte all'uso.
Promosso
Cosa fa
Insegna a Claude a costruire transizioni personalizzate scena-a-scena di Remotion con l'API TransitionPresentation invece dell'animazione CSS, coprendo il contratto del componente, il timing lineare vs spring, la matematica dello stagger e sei ricette di transizione complete (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam). Si attiva su richieste di transizioni Remotion personalizzate, cinematografiche, glitch o di marca oltre la libreria integrata.
Rapporto di test
Ho costruito una transizione 'inkBleed' radial-wipe in entrambi i modi: la baseline non guidata usava useCurrentFrame() e una proprietà di transizione CSS all'interno del componente di transizione (entrambi esplicitamente vietati, entrambi si sarebbero comportati male silenziosamente nella pipeline di rendering di Remotion), mentre la versione che seguiva la skill usava correttamente l'interpolazione solo di presentationProgress, l'estrapolazione clamp e l'istanziazione a livello di modulo.
Testato il: 2026-07-14 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/Ashad001/remotion-transitions cd remotion-transitions mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/remotion-transitions
Comandi e prompt di esempio
/remotion-transitionsTransizioni di scena Remotion personalizzate tramite TransitionPresentation, con 6 ricette pronte all'uso.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
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