remotion-best-practices
Installation
Summary
Domain-specific knowledge base for building videos with Remotion and React.
- Covers 30+ rule files spanning animations, audio, assets, 3D content, charts, text, transitions, and composition management
- Includes specialized guidance for captions, FFmpeg operations, audio visualization, and sound effects integration
- Provides patterns for dynamic metadata calculation, media inspection (duration, dimensions, frame extraction), and parametrizable compositions
- Supports advanced features like Lottie animations, light leak effects, Mapbox integration, TailwindCSS styling, and AI-generated voiceovers
SKILL.md
New project setup
If no Remotion project currently exists, load Create a new Remotion project
React Markup Best Practices
If you are writing Remotion React Markup, load Remotion Markup Best Practices
Mediabunny Skills
For achieving multimedia tasks in the browser, such as trimming, cropping videos, or getting metadata from them, load Mediabunny Best Practices
Improving Interactivity
By structuring the Remotion markup well, we can allow users to interactively change things in the Studio and write back to code. If relevant: Interactivity Best Practices
Rendering
For advanced rendering beyond simple npx remotion render, see: Rendering Best Practices