mcpField
R
remotion-maps

remotion-maps

github.com/remotion-devCreative & media68.9k76 installsUpdated today
Repository

About remotion-maps

A Remotion Maps skill that guides the selection of one mapping technique for a shot. It covers static images, Mapbox, MapLibre, MapTiler, and CesiumJS, with different requirements and visual capabilities.

Key features

  1. 01Static map images
  2. 02Mapbox maps and globe view
  3. 03MapLibre without an API key
  4. 04MapTiler geographic annotations
  5. 05CesiumJS terrain flythroughs

Use cases

  1. 01Choose a mapping approach for a shot
  2. 02Create terrain and mountain flythroughs
  3. 03Overlay geographic annotations

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/remotion-dev/remotion --skill remotion-maps

After installing, type/remotion-mapsin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/
openai.yaml
techniques/cesium/
TECHNIQUE.md
techniques/cesium/assets/
city-path.json
example-Root.tsx
flight-path.ts
CesiumFlythrough.tsx
sample-river.geojson
cesium-path.json
techniques/cesium/references/
3d-data-sources.md
3d-flyover-architecture.md
3d-troubleshooting.md
techniques/cesium/scripts/
prep-cesium-path.mjs
techniques/mapbox/
TECHNIQUE.md
techniques/mapbox/references/
render-stability.md
techniques/maplibre/
TECHNIQUE.md
techniques/maplibre/references/
render-stability.md
techniques/maptiler/
TECHNIQUE.md
techniques/maptiler/assets/
CountryLabel.tsx
MapTilerVectorElement.ts
RiverReveal.tsx
example-Root.tsx
tokens.ts
techniques/maptiler/assets/sample-data/
yarlung-flow.json
country-meta.json
techniques/maptiler/references/
map-data-sources.md
render-stability.md
map-geo-prep.md
map-explainer-architecture.md
techniques/maptiler/scripts/
prep-geo.mjs
techniques/static-map/
TECHNIQUE.md

Details

From the project README

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

Comments

Markdown supported