Remotion Maps — effect skill for explainers
For AI agents: find the right skill in one call —
curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the use-case page.
Animate maps in Remotion: static maps, Mapbox, MapLibre, MapTiler and CesiumJS 3D flyovers.
- Type: Effect · Explainers
- Slug:
remotion-maps - Status: live
- Publisher: Remotion (vendor, verified)
- License: MIT
- Source: https://github.com/remotion-dev/skills/tree/main/skills/remotion-maps
- Works in: Claude Code, Codex, Cursor, Gemini CLI
- Requires: Node.js, Remotion 4, Mapbox, MapTiler or Cesium token for those techniques
- Cost: Free — local render (Remotion company license for larger for-profit teams)
- Adoption: 189,700 installs, 5,750 GitHub stars (skills.sh, 2026-10-26)
What it does
A technique library for map animation in Remotion with one folder per approach: static maps, Mapbox, MapLibre, MapTiler and CesiumJS. Each technique ships a TECHNIQUE.md, TSX components, sample GeoJSON and path data, and prep scripts for routes and 3D flyovers.
Use when
- Route, travel or location animations
- Data stories on a map
- 3D city or terrain flyovers
Install
- Claude Code:
npx skills add remotion-dev/skills --skill remotion-maps -a claude-code - Codex:
npx skills add remotion-dev/skills --skill remotion-maps -a codex - Cursor:
npx skills add remotion-dev/skills --skill remotion-maps -a cursor - Gemini CLI:
npx skills add remotion-dev/skills --skill remotion-maps -a gemini-cli
Example output
https://skills.varg.ai/previews/remotion-maps.mp4 — Maps skill launch demo: the prompt, then the map zooms out of Los Angeles and a route animates to New York with the camera following it (credit: Jonny Burger (@JNYBGR), Remotion founder, https://x.com/JNYBGR/status/2015059120080977936)
More explainers skills
- HyperFrames: Turn HTML, CSS and seekable animation into deterministic MP4s: launch films, explainers, captions, title cards.
- HyperFrames Slideshow: Build a live, navigable deck with fragment reveals, branching hotspots and presenter notes instead of an MP4.
- Plain-Sight Explainer: 60–90 s collage explainers about everyday things, or mined from your documents and links, with numeric seam checks.
- Remotion Create: Scaffold a new Remotion project and lay the video out as clips or scenes before writing any frames.
- Higgsfield Video Explainer: Turn a topic or document into a narrated, stylized explainer assembled from 10-second voiced blocks.
- Explainer Video Guide: Plan explainer videos end to end: script formulas, pacing, scene planning, voiceover and assembly.
Run the generation on varg
varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.
- Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg(skill + hosted MCP) - Codex, Cursor, Gemini CLI, OpenClaw:
npx skills add vargHQ/skills --skill varg-ai -a <agent> -y - Claude.ai, ChatGPT, any MCP client: connect
https://mcp.varg.ai/mcp - API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt