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
Preserve user changes
Users may make edits in the code outside of the conversation.
If you detect a surprising change made in the meanwhile, don't overwrite it, assume it was intentional or ask for confirmation.
Creating a video
If the user asks to make, create, or build a new video or composition, load Create a new Remotion video, whether or not a Remotion project already exists.
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