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
604.1K
GitHub Stars
5.0K
First Seen
Jan 19, 2026