mcpField
R
remotion-maps

remotion-maps

github.com/guanyangCreative & media984159 installsUpdated 2d ago
Repository

About remotion-maps

A Remotion skill for selecting and implementing map techniques in video compositions. It describes static maps, Mapbox, MapLibre, MapTiler, and CesiumJS, each suited to different visual needs.

Key features

  1. 01Offers five map techniques
  2. 02Static map with an overlaid animation
  3. 03Mapbox styles and globe view
  4. 04MapLibre without an API key
  5. 05MapTiler annotations and CesiumJS flythroughs

Use cases

  1. 01Choosing a map approach for a shot
  2. 02Creating a globe or 3D-building scene with Mapbox
  3. 03Annotating geographic features with MapTiler
  4. 04Building terrain flythroughs with CesiumJS

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/guanyang/open-agent-hub --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
assets/
remotion-icon.svg
techniques/cesium/
TECHNIQUE.md
techniques/cesium/assets/
cesium-path.json
CesiumFlythrough.tsx
city-path.json
example-Root.tsx
flight-path.ts
sample-river.geojson
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
example-Root.tsx
MapTilerVectorElement.ts
RiverReveal.tsx
tokens.ts
techniques/maptiler/assets/sample-data/
country-meta.json
yarlung-flow.json
techniques/maptiler/references/
map-data-sources.md
map-explainer-architecture.md
map-geo-prep.md
render-stability.md
techniques/maptiler/scripts/
prep-geo.mjs

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