Remotion Transitions

Vlastní přechody scén Remotion přes TransitionPresentation, se 6 hotovými recepty.

od Ashad001 · Ashad001/remotion-transitions

Otestováno · Funguje ★ 9.2/10

Remotion Transitions — Vlastní přechody scén Remotion přes TransitionPresentation, se 6 hotovými recepty.

Co umí

Učí Claude to build custom Remotion scene-to-scene transitions with the TransitionPresentation API instead of CSS animation, covering the component contract, linear vs spring timing, stagger math, and six full-source transition recipes (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam). Spouští se na requests for custom, cinematic, glitch, or branded Remotion transitions beyond the built-in library.

Testovací report

Built an 'inkBleed' radial-wipe transition both ways: the unguided baseline used useCurrentFrame() and a CSS transition property inside the transition component (both explicitly banned, both would silently misbehave in Remotion's render pipeline), while the skill-following version correctly used presentationProgress-only interpolation, clamp extrapolation, and module-level instantiation.

Testováno: 2026-07-14 · Claude Code 2.x (agent harness)

Instalace

git clone https://github.com/Ashad001/remotion-transitions
cd remotion-transitions
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/remotion-transitions

Příkazy a ukázkové prompty

  • /remotion-transitionsVlastní přechody scén Remotion přes TransitionPresentation, se 6 hotovými recepty.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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