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

Maps

Installs
476.2K
GitHub Stars
4.3K
First Seen
Jan 19, 2026
remotion-best-practices — remotion-dev/skills