remotion-best-practices
This skill routes the agent to specialized Remotion skills based on the user's task, such as creating videos, handling captions, working with maps, or setting…
Identity proven by GitHub's verified organisation badge (remotion-dev)
- Agents
- Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode
- License
- No license stated
- Pin
- 32b241bpinned Oct 9, 2026
- Context cost
- about 1,000 tokenswhen the skill loads
- GitHub stars
- 4,912on remotion-dev/skills
- Scripts
- 10 scripts
What it does
“Router for all Remotion skills”
Generated summary from the skill's own text
This skill routes the agent to specialized Remotion skills based on the user's task, such as creating videos, handling captions, working with maps, or setting up projects. It provides guidance on when to launch the preview studio, when to render videos, and how to preserve user code changes during editing.
When to use it
- User asks to create, make, or build a video composition
- Working with maps, captions, multimedia, or interactivity in Remotion
- Need guidance on Remotion project setup or best practices
- User wants to preview or render a Remotion video
When not to
- User needs specific API documentation beyond routing
- Requires deep knowledge of a single specialized Remotion tool
Install
No license stated: install from the publisher's repository, and ask the author before you reuse or share it.
These commands install from the publisher's repository and need no account.
skills CLI
npx skills add remotion-dev/skills --skill remotion-best-practicesInstalls from the repository's default branch, which may have changed since the commit we checked.
GitHub CLI 2.90 or later
gh skill install remotion-dev/skills remotion-best-practices@32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5Installs the commit we checked (32b241b).
Copy by hand
Download the folder at 32b241b and put it in .claude/skills/remotion-best-practices for Claude Code and in .agents/skills/remotion-best-practices for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.
Copy for your agent
A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.
Prompt
Install the agent skill "remotion-best-practices" by Remotion. Source, pinned to commit 32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5: https://github.com/remotion-dev/skills/tree/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-best-practices 1. Download that folder at exactly this commit. Do not use the default branch. 2. Copy every file unchanged, keeping the folder structure, into .claude/skills/remotion-best-practices/ for Claude Code and .agents/skills/remotion-best-practices/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist. 3. Do not edit the files, and do not run any script in the folder unless I ask you to. 4. When you are done, list the files you copied and where you put them. Its license is restricted or not stated. Show me the license terms from the repository before you copy anything. Listing and checks: https://www.agentnative.dev/skills/remotion/remotion-best-practices-skills
SKILL.md at the pin
The license of this skill does not let us show its files here.
Files
- SKILL.md4.2 KB · 6a15b47c4b23
- agents/
- openai.yaml311 B · 752b402c013b
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- remotion-captions/
- REFERENCE.md1.2 KB · bab3f7b4e7db
- agents/
- openai.yaml305 B · 3b39a48bd002
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- display-captions.md5.9 KB · 1a5a509c3e14
- import-srt-captions.md2.2 KB · e328b6845bab
- transcribe-captions.md5.5 KB · 0830184ed1f6
- remotion-create/
- REFERENCE.md3.0 KB · 7556eb7a97f6
- agents/
- openai.yaml310 B · ff3b357b492d
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- tailwind.md386 B · 3ef07d3225d2
- video-layout.md498 B · 7ad94c22e3ad
- remotion-docs/
- REFERENCE.md1.4 KB · d6486bb2351e
- agents/
- openai.yaml307 B · ab02cb3008e6
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- remotion-interactivity/
- REFERENCE.md19 KB · 1004c803cc39
- agents/
- openai.yaml320 B · 84cd86b0b10e
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- inline-effects.md993 B · e22046911648
- remotion-maps/
- REFERENCE.md1.0 KB · 5aadab58d20a
- agents/
- openai.yaml293 B · 9c6c75daec6e
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- techniques/
- cesium/
- TECHNIQUE.md3.9 KB · 09057e77b67d
- assets/
- CesiumFlythrough.tsx8.9 KB · 4d4a90e37317
- cesium-path.json12 KB · 329621928df1
- city-path.json223 B · 3bb420736d19
- example-Root.tsx923 B · 51c2df109015
- flight-path.ts1.2 KB · fab65d2d9cc0
- sample-river.geojson6.4 KB · 2c9f6dd35ac4
- references/
- 3d-data-sources.md1.5 KB · 23ac1acc576d
- 3d-flyover-architecture.md7.9 KB · 09e1891cec99
- 3d-troubleshooting.md6.7 KB · c803fe443f5b
- scripts/
- prep-cesium-path.mjs5.6 KB · 6dbb4d1ae3f5
- mapbox/
- TECHNIQUE.md13 KB · 8c434f680988
- references/
- render-stability.md3.6 KB · 96650329df3a
- maplibre/
- TECHNIQUE.md14 KB · 8a13debcd2ab
- references/
- render-stability.md3.6 KB · 96650329df3a
- maptiler/
- TECHNIQUE.md4.5 KB · 72896873e63d
- assets/
- CountryLabel.tsx1.8 KB · 6be8c7d5b343
- MapTilerVectorElement.ts2.2 KB · c81377928243
- RiverReveal.tsx11 KB · c3091e23dfd8
- example-Root.tsx1.0 KB · e53677a7a207
- sample-data/
- country-meta.json333 KB · 470a76cc5a45
- yarlung-flow.json13 KB · 73a99e77a2ce
- tokens.ts1.3 KB · 29ae05eedb49
- references/
- map-data-sources.md4.8 KB · b99680cbda8e
- map-explainer-architecture.md6.9 KB · e09de8a4d00e
- map-geo-prep.md4.1 KB · a97b1913f061
- render-stability.md3.6 KB · 96650329df3a
- scripts/
- prep-geo.mjs7.6 KB · 8265f56bd7c2
- static-map/
- TECHNIQUE.md1.2 KB · 1d2b15f2e09c
- remotion-markup/
- 3d.md2.3 KB · 42cef6d68fb4
- REFERENCE.md18 KB · 7af0bd4ee576
- agents/
- openai.yaml310 B · 79e440561b61
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- audio-visualization.md4.9 KB · 0f4043de8663
- audio.md4.2 KB · 4fc2fb35c21b
- calculate-metadata.md3.5 KB · 711743642a47
- compositions.md5.0 KB · 06f6b4972a99
- connected-compositions.md5.1 KB · 408215aa0ca5
- cropping.md1.3 KB · 5069d6d047df
- effects.md11 KB · 9745f709501a
- embedding-videos.md3.7 KB · 3b0484bc92cd
- ffmpeg.md1.1 KB · 1d83085dfb63
- gifs.md3.8 KB · 91e17126f7f0
- google-fonts.md1.7 KB · fff29cf692cc
- html-in-canvas.md3.0 KB · 9b896dab368f
- images.md1.6 KB · 0e6c2af8ad73
- light-leaks.md3.1 KB · 531514d4740c
- local-fonts.md1.5 KB · fcad2a2e3a05
- lottie.md1.8 KB · 666268c8151d
- measuring-dom-nodes.md995 B · a677b976eaf1
- measuring-text.md2.8 KB · 4bed81d1ea81
- motion-blur.md2.0 KB · bc7559c9d0e5
- multi-scene-video.md3.2 KB · 041490b6a10f
- parameters.md2.4 KB · b002ac995910
- remotion-maps/
- REFERENCE.md1.0 KB · 5aadab58d20a
- agents/
- openai.yaml293 B · 9c6c75daec6e
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- techniques/
- cesium/
- TECHNIQUE.md3.9 KB · 09057e77b67d
- assets/
- CesiumFlythrough.tsx8.9 KB · 4d4a90e37317
- cesium-path.json12 KB · 329621928df1
- city-path.json223 B · 3bb420736d19
- example-Root.tsx923 B · 51c2df109015
- flight-path.ts1.2 KB · fab65d2d9cc0
- sample-river.geojson6.4 KB · 2c9f6dd35ac4
- references/
- 3d-data-sources.md1.5 KB · 23ac1acc576d
- 3d-flyover-architecture.md7.9 KB · 09e1891cec99
- 3d-troubleshooting.md6.7 KB · c803fe443f5b
- scripts/
- prep-cesium-path.mjs5.6 KB · 6dbb4d1ae3f5
- mapbox/
- TECHNIQUE.md13 KB · 8c434f680988
- references/
- render-stability.md3.6 KB · 96650329df3a
- maplibre/
- TECHNIQUE.md14 KB · 8a13debcd2ab
- references/
- render-stability.md3.6 KB · 96650329df3a
- maptiler/
- TECHNIQUE.md4.5 KB · 72896873e63d
- assets/
- CountryLabel.tsx1.8 KB · 6be8c7d5b343
- MapTilerVectorElement.ts2.2 KB · c81377928243
- RiverReveal.tsx11 KB · c3091e23dfd8
- example-Root.tsx1.0 KB · e53677a7a207
- sample-data/
- country-meta.json333 KB · 470a76cc5a45
- yarlung-flow.json13 KB · 73a99e77a2ce
- tokens.ts1.3 KB · 29ae05eedb49
- references/
- map-data-sources.md4.8 KB · b99680cbda8e
- map-explainer-architecture.md6.9 KB · e09de8a4d00e
- map-geo-prep.md4.1 KB · a97b1913f061
- render-stability.md3.6 KB · 96650329df3a
- scripts/
- prep-geo.mjs7.6 KB · 8265f56bd7c2
- static-map/
- TECHNIQUE.md1.1 KB · 6fcb61a66084
- sequencing.md2.8 KB · e88525524589
- sfx.md1.8 KB · 1f72e2d88585
- silence-detection.md2.6 KB · 7e777b141e33
- text-highlights.md1.9 KB · 70773952286e
- timing-props.md3.6 KB · 2046b3c50c02
- timing.md3.3 KB · 48047e758b96
- transitions.md7.6 KB · 198534edd0f7
- video-editing.md6.7 KB · 29f8dc3395e1
- voiceover.md3.6 KB · c310b9425559
- remotion-multimedia/
- REFERENCE.md705 B · f5a77c481d38
- agents/
- openai.yaml317 B · 74e07a383bbf
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- get-audio-duration.md1.5 KB · 53b2e2ff232c
- get-video-dimensions.md1.8 KB · 9d4cd07f11ce
- get-video-duration.md1.5 KB · 6df955602cf7
- remotion-render/
- REFERENCE.md711 B · 311a257f351e
- agents/
- openai.yaml286 B · 386699c32fdc
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- transparent-videos.md2.3 KB · 394ccda476e0
- remotion-saas/
- REFERENCE.md1.1 KB · 7c512120ae08
- agents/
- openai.yaml283 B · 66be5403b3d1
- assets/
- remotion-icon.svg1.3 KB · 5007669bd055
- framework.md908 B · 5e35ca3306ac
- player.md942 B · cc2f2944f115
- rendering.md3.3 KB · b2f30b53e019
- remotion-studio/
- REFERENCE.md1.6 KB · 796616d725b8
- agents/
141 files, 1.2 MB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown. 5 more files are not listed here.
Skill folder on GitHub at 32b241bMore from Remotion
remotion-best-practices
This skill routes the agent through Remotion's specialized knowledge bases for video creation, editing, and deployment.
Contains scripts
Claude Code, Codex, Cursor +3 · about 920 tokens · pinned 6 days ago
remotion-best-practices
This skill routes the agent to specialized Remotion sub-skills based on the user's task, covering video creation, project setup, React markup, maps…
Claude Code, Codex, Cursor +3 · about 1K tokens · pinned 6 days ago
remotion-captions
This skill enables video caption workflows including transcribing audio to generate captions, displaying captions in videos, and importing captions from SRT…
Claude Code, Codex, Cursor +3 · about 220 tokens · pinned 6 days ago
remotion-captions
This skill enables the agent to work with captions in Remotion videos by transcribing audio to generate captions, displaying them in videos, and importing…
Claude Code, Codex, Cursor +3 · about 270 tokens · pinned 6 days ago
remotion-create
This skill scaffolds a new Remotion video project, opens the browser-based Studio for live preview, and guides composition development using React markup.
Claude Code, Codex, Cursor +3 · about 680 tokens · pinned 6 days ago
remotion-create
This skill guides agents through creating a new Remotion video project by scaffolding a starter template, setting up dependencies, and establishing a React…
Claude Code, Codex, Cursor +3 · about 730 tokens · pinned 6 days ago
Related in Media and creative
remotion-best-practices
This skill routes Remotion video creation tasks to specialized sub-skills for different aspects of video production.
by RemotionOfficial publisher
Contains scripts
Claude Code, Codex, Cursor +3 · about 1.1K tokens · pinned 6 days ago
product-launch-video
Creates cinematic product launch videos using Remotion with React.
by memex-labCommunity
Claude Code, Codex, Cursor +4 · about 11.9K tokens · pinned 6 days ago
remotion-markup
This skill provides guidance for writing Remotion React markup to create animated videos programmatically.
by RemotionOfficial publisher
Contains scripts
Claude Code, Codex, Cursor +3 · about 2.9K tokens · pinned 6 days ago
remotion-markup
This skill provides markup authoring guidelines for Remotion React components used in video composition.
by RemotionOfficial publisher
Claude Code, Codex, Cursor +3 · about 4.5K tokens · pinned 6 days ago
remotion-multimedia
This skill provides the agent with capabilities to query multimedia files using Mediabunny, a browser-based multimedia library.
by RemotionOfficial publisher
Claude Code, Codex, Cursor +3 · about 150 tokens · pinned 6 days ago
remotion-multimedia
This skill enables the agent to retrieve metadata from audio and video files using the Mediabunny multimedia library.
by RemotionOfficial publisher
Claude Code, Codex, Cursor +3 · about 150 tokens · pinned 6 days ago