Remotion Transitions
Transiciones de escena personalizadas de Remotion a través de TransitionPresentation, con 6 recetas listas para usar.
Probado · Funciona
Qué hace
Enseña a Claude a construir transiciones personalizadas de escena a escena de Remotion con la API TransitionPresentation en lugar de la animación CSS, cubriendo el contrato del componente, el timing lineal vs. de resorte, las matemáticas de escalonamiento y seis recetas de transición de código completo (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam). Se activa ante solicitudes de transiciones de Remotion personalizadas, cinematográficas, con fallos o de marca más allá de la biblioteca incorporada.
Informe de la prueba
Construí una transición de barrido radial 'inkBleed' de ambas maneras: la línea base no guiada usó useCurrentFrame() y una propiedad de transición CSS dentro del componente de transición (ambas explícitamente prohibidas, ambas se comportarían mal silenciosamente en el pipeline de renderizado de Remotion), mientras que la versión que siguió la habilidad usó correctamente la interpolación solo con presentationProgress, la extrapolación de clamp y la instanciación a nivel de módulo.
Probado el: 2026-07-14 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/Ashad001/remotion-transitions cd remotion-transitions mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/remotion-transitions
Comandos y prompts de ejemplo
/remotion-transitionsTransiciones de escena personalizadas de Remotion a través de TransitionPresentation, con 6 recetas listas para usar.
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
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