remotion-maps

Name: remotion-maps
Author: remotion-dev

github.com/remotion-devCreative & media66101 installsUpdated 4d ago

About remotion-maps

remotion-maps is a skill for choosing and applying map techniques in Remotion scenes. It describes self-contained options including static images, Mapbox, MapLibre, MapTiler, and CesiumJS.

Key features

01Choose one map technique per shot
02Use static map imagery with animation
03Mapbox styles, globe view, and 3D buildings
04MapLibre without an API key
05MapTiler annotations and CesiumJS flythroughs

Use cases

01Adding a map to a Remotion shot
02Creating a globe view with Mapbox
03Drawing geographic annotations with MapTiler
04Building terrain flythroughs with CesiumJS

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/remotion-dev/claude-code-plugin --skill remotion-maps

After installing, type/remotion-mapsin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/

openai.yaml

assets/

remotion-icon.svg

techniques/cesium/

TECHNIQUE.md

techniques/cesium/assets/

cesium-path.json

city-path.json

flight-path.ts

sample-river.geojson

techniques/cesium/references/

3d-data-sources.md

3d-flyover-architecture.md

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/

MapTilerVectorElement.ts

tokens.ts

techniques/maptiler/assets/sample-data/

country-meta.json

yarlung-flow.json

techniques/maptiler/references/

map-data-sources.md

map-explainer-architecture.md

map-geo-prep.md

render-stability.md

techniques/maptiler/scripts/

prep-geo.mjs

techniques/static-map/

TECHNIQUE.md

Details

From the project README

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

Comments

Markdown supported

Details

Author: remotion-dev
Repository: remotion-dev/claude-code-plugin
Category: Creative & media
Installs: 101
GitHub stars: 66

Report

More skills

All skills

ai-video-generation

github.com/inference-sh

1.7M

Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Seedance 2.0, HappyHorse 1.0, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, reference-to-video, video editing, lipsync, avatar animation, video upscaling, foley sound. Use for: social media videos, marketing content, explainer videos, product demos, AI avatars. Triggers: video generation, ai video, text to video, image to video, veo, animate image, video from image, ai animation, video generator, generate video, t2v, i2v, ai video maker, create video with ai, runway alternative, pika alternative, sora alternative, kling alternative, seedance, happyhorse

ai-image-generation

github.com/inference-sh

1.7M

Generate AI images with GPT-Image-2.5, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: GPT-Image-2.5 Flare, GPT-Image-2.5 Sunburst, GPT-Image-2, FLUX Dev LoRA, FLUX.2 Klein LoRA, Gemini 3 Pro Image, Grok Imagine, Seedream 4.5, Reve, ImagineArt. Capabilities: text-to-image, image-to-image, inpainting, LoRA, image editing, upscaling, text rendering. Use for: AI art, product mockups, concept art, social media graphics, marketing visuals, illustrations. Triggers: flux, image generation, ai image, text to image, stable diffusion, generate image, ai art, midjourney alternative, dall-e alternative, text2img, t2i, image generator, ai picture, create image with ai, generative ai, ai illustration, grok image, gemini image, gpt image, openai image, chatgpt image

ai-avatar-video

github.com/inference-sh

1.7M

Create AI avatar and talking head videos via inference.sh CLI. Recommended: P-Video-Avatar (fastest, cheapest, built-in TTS). Also: OmniHuman, Fabric, PixVerse. Audio: Inworld TTS-2 (100+ languages, emotion steering for characters), ElevenLabs, Kokoro. Capabilities: audio-driven avatars, text-to-avatar, lipsync videos, talking head generation, virtual presenters, UGC content. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos, UGC ads, gaming avatars, NPC dialogue. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human, ugc, ugc video, ugc ad, avatar ugc

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video