Remotion Transitions
Transitions de scène Remotion personnalisées via TransitionPresentation, avec 6 recettes prêtes à l'emploi.
Testé · Fonctionne
Ce que fait
Enseigne à Claude comment construire des transitions de scène Remotion personnalisées avec l'API TransitionPresentation au lieu de l'animation CSS, couvrant le contrat de composant, le timing linéaire vs ressort, le calcul de décalage, et six recettes de transition complètes (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam). Se déclenche sur les requêtes de transitions Remotion personnalisées, cinématiques, glitch ou de marque au-delà de la bibliothèque intégrée.
Rapport de test
A construit une transition de balayage radial 'inkBleed' des deux manières : la base de référence non guidée utilisait useCurrentFrame() et une propriété de transition CSS à l'intérieur du composant de transition (les deux explicitement interdites, les deux se comporteraient silencieusement mal dans le pipeline de rendu de Remotion), tandis que la version suivant la compétence utilisait correctement l'interpolation uniquement par presentationProgress, l'extrapolation par clamp et l'instanciation au niveau du module.
Testé le: 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
Commandes et exemples de prompts
/remotion-transitionsTransitions de scène Remotion personnalisées via TransitionPresentation, avec 6 recettes prêtes à l'emploi.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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