Ashad001

Remotion Transitions — Development skill for Claude Code

Development community

Custom Remotion scene transitions, production-ready TransitionPresentation patterns with animation math and Claude Code skill integration.

How to install Remotion Transitions

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Ashad001/remotion-transitions and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Remotion Transitions does

Custom Remotion scene transitions, production-ready TransitionPresentation patterns with animation math and Claude Code skill integration.

Alternatives in Development

Gemini CLI Foundations — This repository is a comprehensive skills library for Gemini CLI - reusable, production-ready skill packages t 5.3k ★
Claude Hooks Mastery — 3,300+ Complete mastery guide for Claude Code hooks with production-ready scripts 3.4k ★
Axiom — Battle-tested Claude Code skills for modern xOS (iOS, iPadOS, watchOS, tvOS) development with 13 production-re 2.6k ★

README

remotion-transitions

A Claude Code skill plugin for building **custom scene transitions in Remotion** — covers the `TransitionPresentation` API from scratch, animation math, timing patterns, and a catalog of production-ready examples to learn from or drop in directly.

Transitions

Name	Effect	Best for
Striped Slam	Alternating brand-color bars slam in from both sides, then retract	Opening cuts, high-impact moments
Zoom Punch	Outgoing scene retreats; incoming punches in with cubic ease	Mid-sequence energy
Diagonal Reveal	Dark panel sweeps left→right with skewed edge and glowing accent line	Cinematic reveals
Emerald Burst	Sharp radial flash peaks at the cut, dissolves in 20% of duration	Emotional or product moments
Vertical Shutter	N vertical panels close over the old scene, then snap open	Graphic, stop-motion feel
Glitch Slam	Horizontal shake decay + RGB-offset strip tears on exit	Final cuts, CTAs

Installation

Once listed on the marketplace:

/plugin install remotion-transitions

Until then, install via skills.sh:

npx skills add ashad001/remotion-transitions

Or clone manually:

git clone https://github.com/ashad001/remotion-transitions

Skill triggers

This skill auto-activates when you ask Claude about:

Custom Remotion transitions or TransitionPresentation
"cool transitions", "high-energy transitions", "cinematic transitions"
"striped transitions", "glitch transitions", "zoom punch", "shutter"
Frame budget math, stagger formulas, spring configs for video

References

File	Covers
`SKILL.md`	Entry point, golden rules, quick reference
`custom-transition-pattern.md`	`TransitionPresentation` scaffold, `linearTiming` vs `springTiming`, stagger formula, common gotchas
`transition-catalog.md`	Full TypeSc