🔗 View on GitHub: remotion-dev/skills/remotion
🚀 Quick Installation
Best practices for Remotion - Video creation in React.
npx
npx skills add remotion-dev/skills --skill remotionWhat It Does
Provides domain-specific knowledge and best practices for Remotion, the framework for creating videos programmatically with React.
Key Features
- 🎞️ Composition Management — Defining durations, dimensions, and props
- 🏃 Animations — Fundamental patterns and interpolation curves
- 🎵 Audio & Sound — Importing, trimming, and visualization
- 🖼️ Asset Handling — Managing images, videos, and fonts
- 🛠️ Advanced Tools — FFmpeg integration, Lottie, and Mapbox
Core Rules
| Feature | Rule Source |
|---|---|
| Captions/Subtitles | rules/subtitles.md |
| FFmpeg Operations | rules/ffmpeg.md |
| Audio Visualization | rules/audio-visualization.md |
| 3D (Three.js) | rules/3d.md |
| AI Voiceover | rules/voiceover.md |
Example Usage
"Create a 15-second intro animation in Remotion"
"How do I add responsive subtitles to my video?"
"Visualize this audio file with spectrum bars"
"Generate a map animation using Mapbox"