Individual skill

remotion-best-practices

Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4). Use whenever writing or editing Remotion code — scaffolding a video project, animating with interpolate/spring over useCurrentFrame(), sequencing scenes and transitions, captions/subtitles, audio, GIFs/Lottie/3D, charts, visual effects, dynamic duration via calculateMetadata, or rendering. Consult before reaching for a Remotion API, since its components and props evolve (e.g. @remotion/media).

skills/remotion/SKILL.md

Read pinned source

Source commit a6603bf9fa9acd6bf9c7cc2fa6273ad3faa1c3b6

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 11, 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): 993
Repository last updated: Nov 10, 2026
License: MIT

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

ai-skills Repository topic
workflows Repository topic
skills Repository topic
anthropic-skills Repository topic
planning Repository topic
superpowers Repository topic
context-engineering Repository topic
ui-ux-design Repository topic
ai-agents Repository topic
claude-code Repository topic
remotion,-video,-react,-animation,-composition Declared skill tag
writing Derived category
design Derived category
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 · 12,258 bytes
SKILL.mdcore · 12,258 bytes
SKILL.mdcore · 12,258 bytes
SKILL.mdcore · 12,258 bytes
rules/3d.mddoc · 2,292 bytes
rules/animations.mddoc · 1,089 bytes
rules/assets.mddoc · 1,604 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,380 bytes
rules/audio-visualization.mddoc · 4,892 bytes
rules/audio.mddoc · 3,625 bytes
rules/calculate-metadata.mddoc · 3,254 bytes
rules/can-decode.mddoc · 1,677 bytes
rules/charts.mddoc · 2,942 bytes
rules/compositions.mddoc · 3,358 bytes
rules/display-captions.mddoc · 5,471 bytes
rules/effects.mddoc · 8,047 bytes
rules/extract-frames.mddoc · 5,499 bytes
rules/ffmpeg.mddoc · 1,093 bytes
rules/fonts.mddoc · 3,484 bytes
rules/get-audio-duration.mddoc · 1,357 bytes
rules/get-video-dimensions.mddoc · 1,626 bytes
rules/get-video-duration.mddoc · 1,377 bytes
rules/gifs.mddoc · 3,707 bytes
rules/google-fonts.mddoc · 1,692 bytes
rules/html-in-canvas.mddoc · 3,629 bytes
rules/images.mddoc · 1,464 bytes
rules/import-srt-captions.mddoc · 2,247 bytes
rules/light-leaks.mddoc · 2,305 bytes
rules/local-fonts.mddoc · 1,511 bytes
rules/lottie.mddoc · 1,796 bytes
rules/mapbox.mddoc · 11,300 bytes
rules/maplibre.mddoc · 12,468 bytes
rules/maps.mddoc · 11,300 bytes
rules/measuring-dom-nodes.mddoc · 973 bytes
rules/measuring-text.mddoc · 2,783 bytes
rules/parameters.mddoc · 2,387 bytes
rules/sequencing.mddoc · 3,295 bytes
rules/sfx.mddoc · 1,806 bytes
rules/silence-detection.mddoc · 2,548 bytes
rules/subtitles.mddoc · 922 bytes
rules/tailwind.mddoc · 420 bytes
rules/text-animations.mddoc · 700 bytes
rules/timing.mddoc · 5,517 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,209 bytes
rules/video-layout.mddoc · 4,116 bytes
rules/videos.mddoc · 3,509 bytes
rules/voiceover.mddoc · 3,318 bytes

Read excerpt


## When to use

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

## New project setup

When in an empty folder or workspace with no existing Remotion project, scaffold one using:

```bash
npx create-video@latest --yes --blank --no-tailwind my-video
```

Replace `my-video` with a suitable project name.