Remotion Transitions
Custom Remotion scene transitions via TransitionPresentation, with 6 ready-made recipes.
Test report
- Verdict
- Tested · Works
- Score
- Tested
- Jul 14, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Aug 10, 2026 · 8df962d
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.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 5/5
- Triggers reliably 5/5
- Output vs. baseline 8/10
- Docs & honesty 5/5
What Remotion Transitions does
Teaches 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). Triggers on requests for custom, cinematic, glitch, or branded Remotion transitions beyond the built-in library.
How to install Remotion Transitions
git clone https://github.com/Ashad001/remotion-transitions
cd remotion-transitions
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/remotion-transitions
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger Remotion Transitions
-
/remotion-transitionsCustom Remotion scene transitions via TransitionPresentation, with 6 ready-made recipes.
It also activates on plain-language prompts like these:
-
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
Frequently asked questions
- Is the Remotion Transitions skill free?
- Yes. The skill itself is free from Ashad001/remotion-transitions. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Remotion Transitions work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 14, 2026. Verdict: Tested · Works. 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.
- What is the Remotion Transitions SkillProof Score?
- 9.2/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 8/10, docs & honesty 5/5.
- How do I install Remotion Transitions?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Remotion Transitions with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.