remotion-best-practices

69 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a marketing skill usually talks to online services.

By MoizIbnYousaf/marketing-cli (GitHub) · marketing · 35 stars · scanned at commit 65a0c0d

Programmatic React video best practices for Remotion. Use this skill whenever the user is writing, debugging, or rendering Remotion code — compositions, useCurrentFrame animations, interpolate, spring, Sequence timing, <Img>/<Video>/<Audio> from @remotion/media, staticFile, calculateMetadata, the Studio preview, `npx remotion render`, captions, subtitles, voiceover, audio visualization, ffmpeg, transitions, light leaks, transparent video, Lottie, 3D scenes, Mapbox flyovers. Triggers especially …

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 50 places.

skills/remotion-best-practices/SKILL.md, line 4Programmatic React video best practices for Remotion. Use this skill whenever the user is writing, debugging, or rendering Remotion code — compositions, useCurr
skills/remotion-best-practices/SKILL.md, line 72- User wants to scaffold a programmatic React video (`npx create-video@latest`).
skills/remotion-best-practices/SKILL.md, line 75- User is rendering with `npx remotion render` and hitting WebGL / GPU / fps issues.

Show 17 more

skills/remotion-best-practices/SKILL.md, line 91| **One-frame sanity check before any long render.** | `npx remotion still <id> --frame=30 --scale=0.25` is ~2 seconds. Catches missing assets, font fallbacks,
skills/remotion-best-practices/SKILL.md, line 98npx create-video@latest --yes --blank --no-tailwind my-video
skills/remotion-best-practices/SKILL.md, line 100npx remotion studio
skills/remotion-best-practices/SKILL.md, line 196npx remotion studio
skills/remotion-best-practices/SKILL.md, line 199npx remotion still MyComposition --frame=30 --scale=0.25 --output=out/check.png
skills/remotion-best-practices/SKILL.md, line 202npx remotion render MyComposition out/video.mp4
skills/remotion-best-practices/SKILL.md, line 205npx remotion render MyComposition out/video.mp4 --gl=angle
skills/remotion-best-practices/SKILL.md, line 278| Skipping the one-frame `still` check | `npx remotion still <id> --frame=30 --scale=0.25` first | Catches missing fonts, broken paths, overflow in 2 seconds in
skills/remotion-best-practices/references/upstream-internal/skills/pr/SKILL.md, line 10bunx oxfmt src --write
skills/remotion-best-practices/references/upstream-internal/skills/video-report/SKILL.md, line 8Then, in `packages/example`, we should run `bunx remotion render NewVideo --log=verbose`.
skills/remotion-best-practices/references/upstream-internal/skills/web-renderer-test/SKILL.md, line 11bunx vitest src/test/video.test.tsx
skills/remotion-best-practices/references/upstream-internal/skills/web-renderer-test/SKILL.md, line 784. Run `bunx vitest src/test/video.test.tsx` to execute the test.
skills/remotion-best-practices/rules/3d.md, line 19npx remotion add @remotion/three # If project uses npm
skills/remotion-best-practices/rules/3d.md, line 20bunx remotion add @remotion/three # If project uses bun
skills/remotion-best-practices/rules/audio-visualization.md, line 13npx remotion add @remotion/media-utils
skills/remotion-best-practices/rules/audio.md, line 16npx remotion add @remotion/media
skills/remotion-best-practices/rules/display-captions.md, line 20npx remotion add @remotion/captions

and 30 more places

Runs commands on your computer

This is disclosed by the author in the skill's SKILL.md or README. It runs automatically when the plugin is installed.

Found in 12 places.

skills/remotion-best-practices/SKILL.md, line 98npx create-video@latest --yes --blank --no-tailwind my-video
skills/remotion-best-practices/SKILL.md, line 196npx remotion studio
skills/remotion-best-practices/SKILL.md, line 289./skills/remotion-best-practices/scripts/check-upstream.sh

Show 9 more

skills/remotion-best-practices/references/upstream-internal/skills/add-cli-option/SKILL.md, line 100cd packages/renderer && bun run make
skills/remotion-best-practices/references/upstream-internal/skills/add-sfx/SKILL.md, line 66cd packages/sfx && bun run make
skills/remotion-best-practices/references/upstream-internal/skills/fix-dependabot/SKILL.md, line 15git fetch origin <branch>
skills/remotion-best-practices/references/upstream-internal/skills/fix-dependabot/SKILL.md, line 22rg '"<dependency>": "[~^]?<old-version>"' --glob '**/package.json'
skills/remotion-best-practices/references/upstream-internal/skills/fix-dependabot/SKILL.md, line 34git add -u
skills/remotion-best-practices/references/upstream-internal/skills/fix-dependabot/SKILL.md, line 42git checkout main
skills/remotion-best-practices/references/upstream-internal/skills/writing-docs/SKILL.md, line 196cd packages/docs && bun render-cards.ts
skills/remotion-best-practices/references/upstream-internal/skills/writing-docs/SKILL.md, line 205bun run build-docs
hooks/hooks.json, line 9"command": "command -v mktg >/dev/null 2>&1 && mktg status --fields health,brandSummary,nextActions --json 2>/dev/null || true"

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

This is disclosed by the author in the skill's SKILL.md or README. Expected for a marketing skill.

Found in 8 places.

skills/remotion-best-practices/references/upstream-internal/commands/update-chrome-binaries-test-region.md, line 12- `packages/renderer/src/browser/get-chrome-download-url.ts`: `TESTED_VERSION` constant, `PLAYWRIGHT_VERSION` constant, and the trailing `// <version>` comment
skills/remotion-best-practices/rules/calculate-metadata.md, line 110const response = await fetch(props.dataUrl, { signal: abortSignal });
skills/remotion-best-practices/rules/compositions.md, line 93const data = await fetch(`https://api.example.com/video/${props.videoId}`, {

Show 5 more

skills/remotion-best-practices/rules/display-captions.md, line 40const response = await fetch(staticFile("captions123.json"));
skills/remotion-best-practices/rules/import-srt-captions.md, line 43const response = await fetch(staticFile("subtitles.srt"));
skills/remotion-best-practices/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-best-practices/rules/lottie.md, line 43fetch("https://assets4.lottiefiles.com/packages/lf20_zyquagfl.json")
skills/remotion-best-practices/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-best-practices/rules/voiceover.md, line 32`https://api.elevenlabs.io/v1/text-to-speech/${voiceId}`,

Safer alternatives

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

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/MoizIbnYousaf/marketing-cli' "$d" && git -C "$d" checkout --quiet '65a0c0d1e5a6f4ac9fb5281a72c91cbf7e9257aa' -- 'skills/remotion-best-practices' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/remotion-best-practices' ~/.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 MoizIbnYousaf/marketing-cli shows the score of its lowest-scoring skill.

SkillTrust badge for MoizIbnYousaf/marketing-cli

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/MoizIbnYousaf/marketing-cli.svg)](https://zalavijaysinh.github.io/skilltrust/repos/MoizIbnYousaf/marketing-cli/)

Score history

Date	Version	Score
2026-11-09	`65a0c0d`	69