remotion-maps

Remotion Map animation knowledge

207,267
installs: 0 up / 0 down, score 0.00
votes: 5,833
repo stars
Updated: less than a month ago
In the catalog since: 18 Sept 2026
From: remotion-dev/skills

Get it through your agent npx skills add remotion-dev/skills@remotion-maps

Skill instructions

Rendered from the published SKILL.md, 31 lines.

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

Get it through your agent

Call the Graph-of-Skills MCP server's retrieve_skill_bundle tool and it returns this skill's text inside your budget.

{
  "tool": "retrieve_skill_bundle",
  "arguments": {
    "query": "remotion-maps"
  }
}

New to this? Set up Graph-of-Skills or get a free key. The text on this page comes from its authors: how skills are sourced and what we check. If none fits your task, your agent can write a skill for your own library. To keep a skill from your own library on a machine, see how to install one of your skills.

Share on X Share on LinkedIn Share on Bluesky Share on Hacker News

Share on Reddit

Source

Source repository remotion-dev/skills
Listing on skills.sh

From remotion-dev/skills via skills.sh

Related skills

remotion-interactivity
Structure Remotion markup for interactivity
224,848 installs
remotion-best-practices
Router for all Remotion skills
709,435 installs
remotion-to-hyperframes
Bring existing video code or footage into HyperFrames and verify it frame by frame against the original - Remotion first, also Motion Canvas, Lottie, Three.js, p5.js, canvas or plain HTML/CSS animation, or renders from Manim, After Effects or Blender. Use to port, convert, migrate or reuse work made with another tool.
536,961 installs
motion-graphics
Use when creating a short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.
513,928 installs
animation-vocabulary
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
247,909 installs