Score
8.5
/ 10
Installs
289K
Repo Stars
6.9K
Last Updated
0d ago
Quality Ratio
95%
Description
Verified
Language
TypeScript
First Published
Jul 2026
Summary
The Remotion Maps agent skill provides specialized knowledge for integrating and animating various map technologies within Remotion projects. This agent skill is ideal for frontend developers and animators working with Remotion who need to create dynamic geographical visualizations or location-based animations. It is a skill with 23K installs, indicating a significant user base for map-related animations. It guides the agent to choose from distinct techniques like Static map for simple image overlays, Mapbox for detailed styles and 3D buildings, or MapLibre for a free, keyless option. The skill also covers MapTiler for drawing annotations on geographic features and CesiumJS for advanced terrain flythroughs and 'flight simulator' perspectives, helping the agent to navigate each technique's specific requirements such as API keys or asset types.
Skill Definition
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