Individual skill

remotion-best-practices

Best practices for Remotion - Video creation in React

cli-tool/components/skills/creative-design/remotion-best-practices/SKILL.md

Read pinned source

Source commit ad81bf053f80b626801decf425f501ba49983d98

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: No
Observed behavior: Network or broad shell
Last checked: Nov 4, 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): 33,182
Repository last updated: Nov 7, 2026
License: MIT

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

anthropic Repository topic
anthropic-claude Repository topic
claude Repository topic
claude-code Repository topic
agent-skills Repository topic
ai-agents Repository topic
claude-code-plugins Repository topic
cli Repository topic
mcp Repository topic
registry Repository topic
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,457 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,822 bytes
rules/calculate-metadata.mddoc · 2,920 bytes
rules/can-decode.mddoc · 1,587 bytes
rules/charts.mddoc · 1,751 bytes
rules/compositions.mddoc · 3,445 bytes
rules/display-captions.mddoc · 3,698 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,868 bytes
rules/images.mddoc · 2,783 bytes
rules/import-srt-captions.mddoc · 2,113 bytes
rules/lottie.mddoc · 1,779 bytes
rules/measuring-dom-nodes.mddoc · 974 bytes
rules/measuring-text.mddoc · 3,000 bytes
rules/sequencing.mddoc · 2,389 bytes
rules/tailwind.mddoc · 422 bytes
rules/text-animations.mddoc · 700 bytes
rules/timing.mddoc · 3,939 bytes
rules/transcribe-captions.mddoc · 850 bytes
rules/transitions.mddoc · 3,730 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.

## 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
- [rules/assets.md](rules/assets.md) - Importing images, videos, audio, and fonts into Remotion
- [rules/audio.md](rules/audio.md) - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch
- [rules/calculate-metadata.md](rules/calculate-metadata.md) - Dynamically set composition duration, dimensions, and props
- [rules/can-decode.md](rules/can-decode.md) - Check if a video can be decoded by the browser using Mediabunny