remotion-best-practices

name	remotion-best-practices
description	Best practices for Remotion, the React framework for programmatic video creation. USE WHEN writing or reviewing Remotion code, building compositions, animating frames, handling captions/subtitles, or using FFmpeg for video operations.
metadata	{"tags":"remotion, video, react, animation, composition"}
cluster	creative-frontend
version	1.0.0

When to use

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

Captions

When dealing with captions or subtitles, load the ./rules/subtitles.md file for more information.

Using FFmpeg

For some video operations, such as trimming videos or detecting silence, FFmpeg should be used. Load the ./rules/ffmpeg.md file for more information.

Audio visualization

When needing to visualize audio (spectrum bars, waveforms, bass-reactive effects), load the ./rules/audio-visualization.md file for more information.

How to use

Read individual rule files for detailed explanations and code examples:

• rules/3d.md - 3D content in Remotion using Three.js and React Three Fiber