Remotion Transitions
Niestandardowe przejścia scen Remotion za pomocą TransitionPresentation, z 6 gotowymi przepisami.
Testowano · Działa
Co robi ten skill
Uczy Claude'a budowania niestandardowych przejść scen Remotion za pomocą API TransitionPresentation zamiast animacji CSS, obejmując kontrakt komponentu, liniowe vs sprężynowe taktowanie, matematykę stagger oraz sześć pełnych przepisów na przejścia (Striped Slam, Zoom Punch, Diagonal Reveal, Emerald Burst, Vertical Shutter, Glitch Slam). Uruchamia się na żądania niestandardowych, kinowych, glitchowych lub markowych przejść Remotion poza wbudowaną biblioteką.
Raport z testu
Zbudowano przejście radial-wipe 'inkBleed' na dwa sposoby: nieukierunkowana baza używała useCurrentFrame() i właściwości przejścia CSS wewnątrz komponentu przejścia (oba wyraźnie zabronione, oba cicho źle by się zachowywały w potoku renderowania Remotion), podczas gdy wersja zgodna z umiejętnością poprawnie używała interpolacji tylko presentationProgress, ekstrapolacji clamp i instancjonowania na poziomie modułu.
Testowano: 2026-07-14 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/Ashad001/remotion-transitions cd remotion-transitions mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/remotion-transitions
Komendy i przykładowe prompty
/remotion-transitionsNiestandardowe przejścia scen Remotion za pomocą TransitionPresentation, z 6 gotowymi przepisami.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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