remotion-maps

Best practices for animating Maps in Remotion

Qu'est-ce que remotion-maps ?

remotion-maps is a Claude Code agent skill that best practices for animating Maps in Remotion.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/remotion-dev/skills/tree/main/skills/remotion-maps

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

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

Individual skills in this repo

This repo contains 10 individual skills — each has its own dedicated page.

Skills associés