remotion-best-practices

65 / 100 · Review before installing

Check before installing.

By guanyang/antigravity-skills (GitHub) · design · 1,003 stars · scanned at commit 2c0e535

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…

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 53 places.

skills/remotion/SKILL.md, line 17npx create-video@latest --yes --blank --no-tailwind my-video
skills/remotion/SKILL.md, line 223npx remotion studio
skills/remotion/SKILL.md, line 232npx remotion still [composition-id] --scale=0.25 --frame=30

Show 17 more

skills/remotion/rules/3d.md, line 19npx remotion add @remotion/three # If project uses npm
skills/remotion/rules/3d.md, line 20bunx remotion add @remotion/three # If project uses bun
skills/remotion/rules/audio-visualization.md, line 13npx remotion add @remotion/media-utils
skills/remotion/rules/audio.md, line 16npx remotion add @remotion/media
skills/remotion/rules/can-decode.md, line 15npx remotion add mediabunny
skills/remotion/rules/charts.md, line 60Install: `npx remotion add @remotion/paths`
skills/remotion/rules/display-captions.md, line 20npx remotion add @remotion/captions
skills/remotion/rules/effects.md, line 18npx remotion add @remotion/effects
skills/remotion/rules/effects.md, line 21Use `npx remotion add @remotion/light-leaks` for `lightLeak()` and `npx remotion add @remotion/starburst` for `starburst()`.
skills/remotion/rules/ffmpeg.md, line 10`ffmpeg` and `ffprobe` do not need to be installed. They are available via the `npx remotion ffmpeg` and `npx remotion ffprobe`:
skills/remotion/rules/ffmpeg.md, line 13npx remotion ffmpeg -i input.mp4 output.mp3
skills/remotion/rules/ffmpeg.md, line 14npx remotion ffprobe input.mp4
skills/remotion/rules/ffmpeg.md, line 33npx remotion ffmpeg -ss 00:00:05 -i public/input.mp4 -to 00:00:10 -c:v libx264 -c:a aac public/output.mp4
skills/remotion/rules/fonts.md, line 20npx remotion add @remotion/google-fonts # If project uses npm
skills/remotion/rules/fonts.md, line 21bunx remotion add @remotion/google-fonts # If project uses bun
skills/remotion/rules/fonts.md, line 68npx remotion add @remotion/fonts # If project uses npm
skills/remotion/rules/fonts.md, line 69bunx remotion add @remotion/fonts # If project uses bun

and 33 more places

Runs commands on your computer

The author does not mention this. It runs automatically when the plugin is installed.

Found in 8 places.

skills/remotion/SKILL.md, line 17npx create-video@latest --yes --blank --no-tailwind my-video
skills/remotion/SKILL.md, line 223npx remotion studio
skills/remotion/SKILL.md, line 232npx remotion still [composition-id] --scale=0.25 --frame=30

Show 5 more

.mcp.json, line 4"command": "npx",
.mcp.json, line 11"command": "npx",
.mcp.json, line 22"command": "npx",
.mcp.json, line 29"command": "npx",
.mcp.json, line 37"command": "npx",

Sends data to these websites: api.example.com, assets4.lottiefiles.com

The author does not mention this.

Found in 8 places.

skills/remotion/SKILL.md, line 188const data = await fetch(`https://api.example.com/video/${props.videoId}`, {
skills/remotion/rules/calculate-metadata.md, line 110const response = await fetch(props.dataUrl, { signal: abortSignal });
skills/remotion/rules/compositions.md, line 93const data = await fetch(`https://api.example.com/video/${props.videoId}`, {

Show 5 more

skills/remotion/rules/display-captions.md, line 40const response = await fetch(staticFile("captions123.json"));
skills/remotion/rules/import-srt-captions.md, line 43const response = await fetch(staticFile("subtitles.srt"));
skills/remotion/rules/import-srt-captions.md, line 65Remote URLs are also supported - you can `fetch()` a remote file via URL instead of using `staticFile()`.
skills/remotion/rules/lottie.md, line 43fetch("https://assets4.lottiefiles.com/packages/lf20_zyquagfl.json")
skills/remotion/rules/voiceover.md, line 31const response = await fetch(

Can call paid AI services billed to you

The author does not mention this.

Found in 1 place.

skills/remotion/rules/voiceover.md, line 32`https://api.elevenlabs.io/v1/text-to-speech/${voiceId}`,

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Other copies in this repository

guanyang/antigravity-skills has 1 more folder with a skill named remotion-best-practices. This page shows the lowest-scoring copy.

skills/remotion-best-practices 65/100 · Review before installing

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'remotion-best-practices' ] || [ -L ~/.agents/skills/'remotion-best-practices' ]; then echo 'A skill folder named remotion-best-practices already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/guanyang/antigravity-skills' "$d" && git -C "$d" checkout --quiet '2c0e535b345aefb913b97b87cb353c3c91b86434' -- 'skills/remotion' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/remotion' ~/.agents/skills/'remotion-best-practices' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'remotion-best-practices' ~/.claude/skills/'remotion-best-practices' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for guanyang/antigravity-skills shows the score of its lowest-scoring skill.

SkillTrust badge for guanyang/antigravity-skills

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/guanyang/antigravity-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/guanyang/antigravity-skills/)

Score history

Date	Version	Score
2026-11-14	`2c0e535`	65
2026-11-10	`a6603bf`	65
2026-11-08	`4460a70`	65
2026-11-06	`d793e20`	45