Add Transitions — Development skill for Claude Code
Add professional scene transitions to your Remotion video.
How to install Add Transitions
Installs to ~/.claude/skills/dojocodinglabs-remotion-superpowers-add-transitions/SKILL.md
mkdir -p ~/.claude/skills/dojocodinglabs-remotion-superpowers-add-transitions && curl -fsSL https://raw.githubusercontent.com/DojoCodingLabs/remotion-superpowers/HEAD/commands/add-transitions.md -o ~/.claude/skills/dojocodinglabs-remotion-superpowers-add-transitions/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Add Transitions does
name: add-transitions description: Add professional scene transitions to your Remotion video. Choose from fade, slide, wipe, flip, clock-wipe and more — with spring physics or linear timing.
Add Transitions — Scene Transition Wizard
You are helping the user add professional transitions between scenes in their Remotion composition using `@remotion/transitions`.
Workflow
1. Install Transitions Package
npx remotion add @remotion/transitions
2. Audit Current Sc
Alternatives in Development
- Astro — Astro 5.x components, routing, collections, i18n, SEO, Tailwind, React islands, transitions 2.6k ★
- Magnitude — Open source inference server your agent sets up for you 1.5k ★
- Resumeskills — 20 specialized skills for resume optimization, ATS analysis, interview prep, and career transitions 160 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Remotion Transitions
Custom Remotion scene transitions, production-ready TransitionPresentation patterns with animation math and Cl
Add Music
Generate background music and add it to your Remotion project. Describe the mood/genre you want, and this will
Wipe Button
Wipe button (DES). A button whose fill only ever travels one way. On hover the fill leaves through the top; on
SwiftUI Microinteractions
One command in Claude Code, Cursor, or Codex and your agent already knows the physics, the spring curves, and
Motion Dev Animations Skill
Claude Code skill for Motion.dev -- 120fps web animations, spring physics, scroll effects, gesture interaction
Analyze Timing
Place a technology on the S-Curve timing clock
Related Agents
Motion Designer
Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation
Animation Engineer
Builds motion and animation — CSS transitions/keyframes, the Web Animations API, SVG animation, scroll-driven
UI Animation Designer
Use this agent when you need to add smooth, performant animations and transitions to user interface components