remotion-best-practices

SKILL.md

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

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

Maps