remotion-maps — Codex skill: what it does, how to install
Guides map animation techniques in Remotion, covering everything from static satellite shots to 3D terrain flythroughs.
npx skills add openai/plugins --skill remotion-maps -a codexWhat remotion-maps does
The skill provides reference documentation for five map animation workflows in Remotion. It outlines setups for static images mounted in <Img>, Mapbox, MapLibre, MapTiler, and CesiumJS flythroughs.
Technique folders are completely isolated. The instructions require choosing exactly one method per shot and loading only its TECHNIQUE.md file. While Mapbox needs an API key to display 3D landmarks or a round globe, MapLibre runs without credentials.
What it helps with
- set up 3D mountain flythroughs using CesiumJS
- render interactive maps without API keys using MapLibre
- draw annotations over rivers and borders with MapTiler
- animate 3D buildings and globe views in Mapbox
Example prompts for the agent
- Create a flight simulator terrain flythrough in Remotion with CesiumJS.
- Set up a Mapbox animation showing a 3D globe and the Eiffel Tower.
- Animate a basic map with MapLibre without using an API key.
How to install remotion-maps
1Skills CLI (Vercel)
npx skills add openai/plugins --skill remotion-maps -a codex2Manually: put the files in place
.agents/skills/remotion-maps/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add openai/plugins --skill remotion-maps -a claude-code2Manually: put the files in place
~/.claude/skills/remotion-maps/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/remotion-maps/
Manually: put the files in place
.cursor/skills/remotion-maps/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install openai/plugins remotion-maps2Manually: put the files in place
.github/skills/remotion-maps/SKILL.mdPlatform CLI
gemini skills install https://github.com/openai/plugins --path plugins/remotion/skills/remotion-mapsManually: put the files in place
.devin/skills/remotion-maps/SKILL.mdThe legacy .windsurf/skills/ path still works
Claude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: Codex skills: how to install, where they live, how to call them
Questions about remotion-maps
How to install remotion-maps in Codex?
Run npx skills add openai/plugins --skill remotion-maps. You can also target the platform directly with npx skills add openai/plugins --skill remotion-maps -a codex.
What does remotion-maps do?
It guides the agent through building Remotion map scenes across five distinct approaches, from static images to 3D terrain.
Does remotion-maps require an API key?
It depends on the approach. Mapbox requires an active API key, while MapLibre operates without keys but excludes 3D buildings.
Source text
SKILL.md · MIT
--- name: remotion-maps description: Remotion Map animation knowledge version: 4.0.506 --- # Remotion Maps Choose exactly one technique from the intended shot, then load only that technique's `TECHNIQUE.md`. Every technique directory is self-contained and may be removed without breaking the others. ## [Static map](techniques/static-map/TECHNIQUE.md) - Requires you grab a satellite image and mount it in a `<Img>` tag, and animate on top ## [Mapbox](techniques/mapbox/TECHNIQUE.md) - Requires a Mapbox key - Nicer styles by default - Map can display a round globe when zoomed out - Includes nice 3D buildings such as the Eiffel tower ## [MapLibre](techniques/maplibre/TECHNIQUE.md) - Requires no API key, fully free - Does not include 3D building ## [MapTiler](techniques/maptiler/TECHNIQUE.md) - Uses MapTiler - Annotations can be drawn on top of geographic features: borders, rivers, labels ## [CesiumJS](techniques/cesium/TECHNIQUE.md) - Flythroughs through terrain and mountains - "Flight simulator" perspective
© Remotion · MIT · openai/plugins
