remotion-maps

Map animations for Remotion videos: routes and markers, labelled borders and rivers, and 3D flights over mountains or cities. It picks one of five ways to draw the map for the shot, from a still satellite image to CesiumJS in 3D.

WHEN TO USE

SCOPE

USE FOR

Animate a route between two cities with the camera following it.
Draw borders, rivers and labels on top of a map.
Fly through mountains or a city in 3D.
Use a free map that needs no API key.

This is a saved copy of the skill's SKILL.md instructions. It may differ from the upstream file or the version you install.

In this document (6)

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

Requires you grab a satellite image and mount it in a <Img> tag, and animate on top

Mapbox

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

Requires no API key, fully free
Does not include 3D building

MapTiler

Uses MapTiler
Annotations can be drawn on top of geographic features: borders, rivers, labels

CesiumJS

Flythroughs through terrain and mountains
"Flight simulator" perspective

Required preparation

1 FOR YOU

01
Your own map key, for most styles
Mapbox, MapTiler and the 3D flights each need a key of your own; 3D city flights need a Google Map Tiles API key with billing turned on. MapLibre and a still satellite image need no key.

One of 12 skills in the remotion-dev/skills package — works on its own.

Run this outside your AI tool, using Node.js 22.20.0 or newer. Skills CLI 1.7.2 skips skill selection; prompts cancel installation without an interactive terminal. If choosing Project when asked about installation scope, open your project's folder before running this.

Install checklist

Check selected tools if a picker appears; Claude Code may be unchecked under Additional agents. ↑/↓ moves, Space toggles selections, Enter confirms.
Without a tool picker, check Installing to: for your intended tool. Stop if it names a different tool.
If asked, choose Symlink (Recommended) for shared files or Copy to all agents for separate copies; review the summary before confirming installation.
Install the find-skills skill? defaults to Yes, adding another skill for all projects. Choose No if you don't want that extra installation.

Skills CLI 1.7.2 sends install data to skills.sh by default, including the source, skill names, target tools and file details; GitHub sources are reported only when GitHub confirms the repository is public, while other remote sources can also be reported. Confirmed-public GitHub sources also trigger a security-audit request. Before installing, set the environment variable DO_NOT_TRACK=1 or DISABLE_TELEMETRY=1 to disable both.

npx skills add remotion-dev/skills --skill "remotion-maps" --full-depth

After installing for Claude Code, open it in the installation project if you chose Project; Global makes the skill available across projects on this computer. Once Claude Code loads the skill, its description helps Claude decide when to use it.

If installation created a top-level skills folder that did not exist when your Claude Code session started, run /reload-skills in that session. Run it again after later changes in that folder.

What's inside

Files included with this skill.

View on GitHub

Remotion Maps

Required preparation

What's inside

More skills