remotion-best-practices

1## When to use
2 
3Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.
4 
5## Captions
6 
7When dealing with captions or subtitles, load the [./rules/subtitles.md](./rules/subtitles.md) file for more information.
8 
9## How to use
10 
11Read individual rule files for detailed explanations and code examples:
12 
13- [rules/3d.md](rules/3d.md) - 3D content in Remotion using Three.js and React Three Fiber
14- [rules/animations.md](rules/animations.md) - Fundamental animation skills for Remotion
15- [rules/assets.md](rules/assets.md) - Importing images, videos, audio, and fonts into Remotion
16- [rules/audio.md](rules/audio.md) - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch
17- [rules/calculate-metadata.md](rules/calculate-metadata.md) - Dynamically set composition duration, dimensions, and props
18- [rules/can-decode.md](rules/can-decode.md) - Check if a video can be decoded by the browser using Mediabunny
19- [rules/charts.md](rules/charts.md) - Chart and data visualization patterns for Remotion
20- [rules/compositions.md](rules/compositions.md) - Defining compositions, stills, folders, default props and dynamic metadata
21- [rules/extract-frames.md](rules/extract-frames.md) - Extract frames from videos at specific timestamps using Mediabunny
22- [rules/fonts.md](rules/fonts.md) - Loading Google Fonts and local fonts in Remotion
23…