Map Motion

地图动效视频：用高德地图（真实路线、行政区边界、标准/卫星瓦片底图）做旅行与解说视频里的地图动画，出竖屏/横屏 MP4 和 GIF。十四种镜头：地球俯冲定位（从地球放大到某地）、Vlog「我在这里」瞄准锁定＋坐标卡、落点标注、公园/景区/校园地块轮廓描边与绕行、路线描线（驾车/步行/骑行/GPX，车随线走、里程表滚动、镜头跟车、海拔剖面）、飞线航线、行政区描边高亮、一对多辐射飞线、多站旅程（路线+邮戳+照片+返程；可换成卡通形象走路、到站拍照的 vlog 模式，配原创 BGM 和音效）、片尾照片墙、全景收束、标题卡、机位揭秘（咔嚓翻出照片，可做 Live Photo）、猜地点；另有 3D 地形模式（真实山体立体、卫星贴图、地球俯冲到鸟瞰、跟着人沿轨迹走、里程/海拔/爬升/小地图/海拔剖面、沿途弹照片）；十四种样式（高德标准、高德暗色、高德灰、高德复古、高德手账、卫星、境外卫星、暗色科技、极简白、水彩手账、复古纸、赛博霓虹、国风水墨、工程蓝图）。当用户说「地图动画」「地图动效」「轨迹动画」「出行轨迹视频」「旅行路线动图」「从地球放大到」「定位到某地」「飞线」「航线动画」「行政区高亮」「门店分布动画」「Vlog 地图片头」「标出某个公园/景点」「徒步/登山/骑行轨迹」「海拔剖面」「我在这里坐标卡」「3D 地形」「立体地图」「像 Google Earth 那样的轨迹」「两步路/六只脚那种

101 stars 9 forksImages, Video & Audio

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add SpaceZephyr/map-motion --skill map-motion

Manual install

git clone --depth 1 https://github.com/SpaceZephyr/map-motion.git /tmp/map-motion
mkdir -p ~/.claude/skills
cp -r /tmp/map-motion/. ~/.claude/skills/map-motion

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# 地图动效 map-motion

> 子 skill：「找机位」（照片 → 机位揭秘视频）`photo-spot/`；3D 地形与光线推演 `map-3d/`；旅行 vlog（照片 → 卡通小人沿路线走、到站拍照、配乐）`travel-vlog/`。流程和坑在各自目录；本文件只讲引擎。

一份「镜头表」JSON → 编译（高德解析地名、取路线和边界、算镜头）→ 逐帧渲染（Chromium 画布 + ffmpeg）。

```sh
D=~/.claude/skills/map-motion/scripts
$D/make.sh 我的片子.json 成片.mp4 --gif 动图.gif           # 一键：编译 + 渲染
$D/make.sh 我的片子.json 静帧/ --stills 1,4.5,9            # 先抽几帧看构图（快）
```
首次使用：`uv run --with playwright playwright install chromium`；高德 key 见下。

## 工作流

1. **定内容**：问清地点/路线/日期/照片、发哪个平台（定 `size`）、要什么感觉（定 `style`）。不确定样式时，同一份 spec 换 `style` 各渲一帧给用户挑（至少三种）。
2. **写 spec**：从 `assets/examples/` 挑最近的一份复制改。镜头类型与全部参数见 [references/spec.md](references/spec.md)。
3. **编译并核对地点**：编译会逐个打印「地点 X → 高德解析结果（级别）[坐标]」。**每一行都核对**：同名地点会解析错（实测「香格里拉」曾被解析成某家酒店）。不对就换更具体的名字，或直接写坐标。
4. **抽静帧**：`--stills` 取每个镜头中段和结尾各一帧。输出末尾有**自动质检**（出画、文字互压、文字压照片、黑块）：「质检：通过」就不用读图；报了问题，或要判断审美（构图、配色）时，才 Read 对应静帧。
5. **出片**：渲染整片（30fps 约每秒 2.5 帧画面；40 秒片子约 1.5–2 分钟），需要时加 `--gif`、`--audio`。长片放后台跑；结束只输出几行摘要（成片路径、时长、边渲边抽检的质检结论），`-v` 才打印逐段进度。中途看进度用 `python3 scripts/status.py`（一行），不要反复读日志。
6. **交付**：说清时长、文件位置、用了哪些真实数据（高德路线公里数等），以及哪些是示意。

## 镜头一览

| type | 效果 | 典型用途 |
|---|---|---|
| `globe` | 地球自转 → 俯冲到地点，落点弹标签 | 片头、地点引入 |
| `locate` | 地球俯冲 → 瞄准镜锁定 → 坐标卡（经纬度滚动、海拔、日期） | Vlog 片头「我在这里」 |
| `pins` | 多个地点依次落针＋涟漪 | 打卡点、门店 |
| `route` | 高德真实路线或 GPX 描线，车/人沿线走，可镜头跟车、里程表、海拔剖面、终点插旗 | 自驾、徒步登山、骑行、跑步 |
| `flight` | 大圆航线向上拱起，飞机沿线飞 | 出差、旅行、跨城 |
| `region` | 行政区描边 → 填色 → 写名 | 城市群、区域介绍 |

Read the full skill on GitHub

Details

Skill name: map-motion
Repository: SpaceZephyr/map-motion
Repo updated: 9 October 2026

FAQ

What does the Map Motion skill do?

How do I install the Map Motion skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add SpaceZephyr/map-motion --skill map-motion. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Map Motion popular?

It lives in SpaceZephyr/map-motion, which has 101 GitHub stars and 9 forks.

Related skills

Resemble Detect

resemble-ai/detect-skill

Deepfake detection and media safety — detect AI-generated audio, images, video, and text, trace synthesis sources, analyze media intelligence, and tell people from AI agents on a website (Agent Detection) using direct Resemble AI API calls

Images, Video & Audio12

Blender Agent Studio

ifBars/blender-agent-studio

Route Blender asset creation, refinement, procedural systems, rendering, simulations, characters, validation, animation, MCP integration, and agent benchmarking work to the appropriate Blender Agent Studio workflow. Use when an agent needs an end-to-end Blender workflow or when the correct specialist skill is not yet known.

Images, Video & Audio11

Spotkit

100

Devesh-Shirsath/spotkit

Generate minimal, abstract, UI-inspired illustrations for software product features — as deterministic SVG. Use when asked for a feature illustration, product illustration, spot illustration, empty-state graphic, feature-card artwork, docs or developer-portal illustration, or a consistent illustration set/family for a product. Also use to turn a feature description or a product screenshot into an abstract UI illustration, to add a new illustration to an existing family, or to retheme an existing set.

Images, Video & Audio

Nuyoah Image Reverse Prompt

nuyoah-ai-works/nuyoah-image-reverse-prompt

Use when the user provides a reference image and asks to 图片反推、画面解构、提取结构词、分析构图色彩材质、反推可直接生图的中文提示词，明确要求通过生成返图来校准本 Skill，或明确要求检查、更新“南鸢图片反推 Skill”本身。普通调用只交付结构拆解、参考色卡和可复制 prompt；不用于跳过分析直接生图、普通图片编辑或无参考图的通用提示词写作。

Images, Video & Audio15

Youtube Transcript

tubeagentkit/youtube-transcript-skills

Calls the getyoutubetranscript.com API, which is metered - 1 credit per successful request; a new account gets 100 free credits, then plans start at $5/month for 1,000 credits. Needs an API key; the skill can create the account in the conversation from the user's email and a 6-digit code. Use when the user wants a YouTube video's transcript fetched, wants to summarize/analyze/quote a YouTube video by its spoken content, wants to search YouTube (globally or a channel handle's videos), wants a channel handle resolved to its channel ID, wants the videos in a YouTube playlist, wants a channel's Sh

Images, Video & AudioIn 2 lists

Fpv Immersive Video Prompting

zhouwei713/fpv-immersive-video-prompting

Use when the user wants to turn a static scene, character images, aerial map, drawn path, or route-control image into an immersive first-person FPV AI video prompt, especially Seedance/Kling/Runway/Veo style one-shot videos with numbered stop markers, red-line path control, world-map flythroughs, camera route planning, variable character counts, non-human POVs such as drones, pets, robot vacuums, character references, timed interactions, dialogue, spatial audio, and negative constraints.

Images, Video & Audio21

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.