Remotion Map animation knowledge
Install
Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.
$ npx skills add remotion-dev/skills --skill remotion-mapsNeeds Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.
How to use Remotion Maps
Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /remotion-maps.
It includes scripts that Claude may run on your computer, so skim them on GitHub before you install.
What the instructions cover
- 1Static map
- 2Mapbox
- 3MapLibre
- 4MapTiler
- 5CesiumJS
Section headings from the skill's SKILL.md file.
What's inside · 32 files
- SKILL.md
- agents/openai.yaml
- assets/remotion-icon.svg
- techniques/cesium/TECHNIQUE.md
- techniques/cesium/assets/CesiumFlythrough.tsx
- techniques/cesium/assets/cesium-path.json
- techniques/cesium/assets/city-path.json
- techniques/cesium/assets/example-Root.tsx
- techniques/cesium/assets/flight-path.ts
- techniques/cesium/assets/sample-river.geojson
- techniques/cesium/references/3d-data-sources.md
- techniques/cesium/references/3d-flyover-architecture.md
- techniques/cesium/references/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
- techniques/maptiler/assets/MapTilerVectorElement.ts
- techniques/maptiler/assets/RiverReveal.tsx
- techniques/maptiler/assets/example-Root.tsx
- techniques/maptiler/assets/sample-data/country-meta.json
- techniques/maptiler/assets/sample-data/yarlung-flow.json
- techniques/maptiler/assets/tokens.ts
- techniques/maptiler/references/map-data-sources.md
- techniques/maptiler/references/map-explainer-architecture.md
- techniques/maptiler/references/map-geo-prep.md
- techniques/maptiler/references/render-stability.md
- techniques/maptiler/scripts/prep-geo.mjs
- techniques/static-map/TECHNIQUE.md
More from Remotion
See all →More Claude skills for video editing
See all →HyperframesTop pick
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips…
Slack GIF Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for…
AI Video Gen
Generate AI videos from text prompts using multiple provider gateways. Use when: (1) Generating videos from text descriptions, (2) Creating AI-generated video clips for content…
Create Video
Create videos from a text prompt using HeyGen's Video Agent. Use when: (1) Creating a video from a description or idea, (2) Generating explainer, demo, or marketing videos from a…