Individual skill

remotion-best-practices

Best practices for Remotion - Video creation in React

workspaces/script-to-animation/skills/remotion-best-practices/SKILL.md

Read pinned source

Source commit 02ba5d85c7871b75c7c702a2d8da6524723d53d4

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: Yes
Observed behavior: Network or broad shell
Last checked: Nov 3, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 1,446
Repository last updated: Oct 6, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

remotion,-video,-react,-animation,-composition Declared skill tag
engineering Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 3,578 bytes
rules/3d.mddoc · 2,290 bytes
rules/animations.mddoc · 790 bytes
rules/assets.mddoc · 1,590 bytes
rules/assets/charts-bar-chart.tsxruns · 3,429 bytes
rules/assets/text-animations-typewriter.tsxruns · 2,183 bytes
rules/assets/text-animations-word-highlight.tsxruns · 2,387 bytes
rules/audio.mddoc · 3,625 bytes
rules/calculate-metadata.mddoc · 2,920 bytes
rules/can-decode.mddoc · 1,587 bytes
rules/charts.mddoc · 2,942 bytes
rules/compositions.mddoc · 3,708 bytes
rules/display-captions.mddoc · 5,471 bytes
rules/extract-frames.mddoc · 5,496 bytes
rules/fonts.mddoc · 3,484 bytes
rules/get-audio-duration.mddoc · 1,354 bytes
rules/get-video-dimensions.mddoc · 1,627 bytes
rules/get-video-duration.mddoc · 1,341 bytes
rules/gifs.mddoc · 3,707 bytes
rules/images.mddoc · 2,783 bytes
rules/import-srt-captions.mddoc · 2,247 bytes
rules/light-leaks.mddoc · 2,305 bytes
rules/lottie.mddoc · 1,779 bytes
rules/maps.mddoc · 11,217 bytes
rules/measuring-dom-nodes.mddoc · 974 bytes
rules/measuring-text.mddoc · 3,000 bytes
rules/parameters.mddoc · 2,380 bytes
rules/sequencing.mddoc · 2,744 bytes
rules/subtitles.mddoc · 922 bytes
rules/tailwind.mddoc · 422 bytes
rules/text-animations.mddoc · 700 bytes
rules/timing.mddoc · 3,939 bytes
rules/transcribe-captions.mddoc · 1,897 bytes
rules/transitions.mddoc · 5,816 bytes
rules/transparent-videos.mddoc · 2,267 bytes
rules/trimming.mddoc · 1,210 bytes
rules/videos.mddoc · 3,509 bytes

Read excerpt


## 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](./rules/subtitles.md) file for more information.

## How to use

Read individual rule files for detailed explanations and code examples:

- [rules/3d.md](rules/3d.md) - 3D content in Remotion using Three.js and React Three Fiber
- [rules/animations.md](rules/animations.md) - Fundamental animation skills for Remotion