Agent Native

remotion-maps

This skill helps the agent create map-based animations using Remotion video framework.

by RemotionOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (remotion-dev)

Agents
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode
License
MIT (permissive)
Pin
46517e1pinned Oct 9, 2026
Context cost
about 240 tokenswhen the skill loads
GitHub stars
26on remotion-dev/codex-plugin
Scripts
5 scripts

What it does

“Remotion Map animation knowledge”
The author's description, from SKILL.md

Generated summary from the skill's own text

This skill helps the agent create map-based animations using Remotion video framework. It provides five different mapping techniques with varying features: static satellite imagery, Mapbox with 3D buildings, free MapLibre, MapTiler with annotations, and CesiumJS for 3D terrain flythroughs.

When to use it

  • Creating animated map visualizations or geographic transitions for videos
  • Producing flyover or flight-simulator perspective terrain animations
  • Building map animations with overlaid annotations like borders or rivers
  • Needing free mapping without API keys or paid services

When not to

  • Requiring interactive real-time maps rather than pre-rendered video output
  • Projects where 3D buildings are essential but MapLibre is preferred for cost

Install

These commands install from the publisher's repository and need no account.

skills CLI

npx skills add remotion-dev/codex-plugin --skill remotion-maps

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install remotion-dev/codex-plugin remotion-maps@46517e19c8967ec0e75b798d363168380bda89a8

Installs the commit we checked (46517e1).

Copy by hand

Download the folder at 46517e1 and put it in .claude/skills/remotion-maps for Claude Code and in .agents/skills/remotion-maps for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at 46517e1

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "remotion-maps" by Remotion.

Source, pinned to commit 46517e19c8967ec0e75b798d363168380bda89a8:
https://github.com/remotion-dev/codex-plugin/tree/46517e19c8967ec0e75b798d363168380bda89a8/skills/remotion-maps

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/remotion-maps/ for Claude Code and .agents/skills/remotion-maps/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Listing and checks: https://www.agentnative.dev/skills/remotion/remotion-maps

SKILL.md at the pin

---
name: remotion-maps
description: Remotion Map animation knowledge
version: 4.0.534
---

# 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](techniques/static-map/TECHNIQUE.md)

- Requires you grab a satellite image and mount it in a `<Img>` tag, and animate on top

## [Mapbox](techniques/mapbox/TECHNIQUE.md)

- 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](techniques/maplibre/TECHNIQUE.md)

- Requires no API key, fully free
- Does not include 3D building

## [MapTiler](techniques/maptiler/TECHNIQUE.md)

- Uses MapTiler
- Annotations can be drawn on top of geographic features: borders, rivers, labels

## [CesiumJS](techniques/cesium/TECHNIQUE.md)

- Flythroughs through terrain and mountains
- "Flight simulator" perspective

From remotion-dev/codex-plugin at 46517e1, shown as plain text under its license: MIT (permissive). The license text is in LICENSE.

View SKILL.md on GitHub at 46517e1

Files

27 files, 465 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.

Skill folder on GitHub at 46517e1
All 34 skills from Remotion

More from Remotion

  • remotion-best-practices

    This skill routes the agent through Remotion's specialized knowledge bases for video creation, editing, and deployment.

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 920 tokens · pinned 6 days ago

  • remotion-best-practices

    This skill routes the agent to specialized Remotion sub-skills based on the user's task, covering video creation, project setup, React markup, maps…

    Claude Code, Codex, Cursor +3 · about 1K tokens · pinned 6 days ago

  • remotion-captions

    This skill enables video caption workflows including transcribing audio to generate captions, displaying captions in videos, and importing captions from SRT…

    Claude Code, Codex, Cursor +3 · about 220 tokens · pinned 6 days ago

  • remotion-captions

    This skill enables the agent to work with captions in Remotion videos by transcribing audio to generate captions, displaying them in videos, and importing…

    Claude Code, Codex, Cursor +3 · about 270 tokens · pinned 6 days ago

  • remotion-create

    This skill scaffolds a new Remotion video project, opens the browser-based Studio for live preview, and guides composition development using React markup.

    Claude Code, Codex, Cursor +3 · about 680 tokens · pinned 6 days ago

  • remotion-create

    This skill guides agents through creating a new Remotion video project by scaffolding a starter template, setting up dependencies, and establishing a React…

    Claude Code, Codex, Cursor +3 · about 730 tokens · pinned 6 days ago

All Frontend and design skills

Related in Frontend and design

  • remotion-interactivity

    This skill teaches how to structure Remotion code so the Studio IDE recognizes and makes it interactive.

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 2.4K tokens · pinned 6 days ago

  • remotion-interactivity

    This skill teaches how to structure Remotion video components to unlock Studio interactivity features like click selection, drag-and-drop, resizing, rotation…

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 4.8K tokens · pinned 6 days ago

  • remotion-maps

    This skill enables creating map-based animations with Remotion using four different mapping libraries: Mapbox, MapLibre, MapTiler, or CesiumJS.

    by RemotionOfficial publisher

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 240 tokens · pinned 6 days ago

  • remotion-maps

    This skill provides techniques for creating map animations in Remotion videos.

    by RemotionOfficial publisher

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 240 tokens · pinned 6 days ago

  • remotion-saas

    This skill helps build video generation applications using Remotion, a React framework for programmatic video creation.

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 240 tokens · pinned 6 days ago

  • remotion-interactivity

    This skill teaches how to structure Remotion video markup to make it interactive in Remotion Studio, enabling clicking, dragging, resizing, rotating, and…

    by RemotionOfficial publisher

    Claude Code, Codex, Cursor +3 · about 4.6K tokens · pinned 6 days ago

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use