Installs into .claude/skills of the current project.
Are you the author of Remotion Video Editor?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/mayurrathi-remotion-video-editor)
---
name: Remotion Video Editor
description: Programmatic video generation using React. Creating marketing videos or animations via code.
version: 1.0.0
---
# 4.2.1 Remotion Video Editor
Execute programmatic video creation and animation workflows using Remotion.
## 1. Composition Rules
- **Component Splits:** Break videos down into smaller, reusable React components (`<Sequence>`, `<Series>`).
- **FPS & Dimensions:** Always explicitly define `fps` (30 or 60), `width` (1920 or 1080 for shorts), and `height`.
## 2. Animation Principles
- **Spring Physics:** Use Remotion's `spring()` for natural-feeling motions over linear easings.
- **Interpolation:** Master `interpolate()` for mapping frame numbers to opacities, scales, and translations.
## 3. Asset Management
- **Pre-loading:** Ensure all dynamic assets (images, external fonts, audio) are pre-loaded or explicitly awaited in Remotion to avoid blank frames during rendering.
- **Audio Sync:** Carefully synchronize audio waveforms and audio components with the `useCurrentFrame()` logic.
