Motion Skills
← Skills
Premiumデータ

地図とルート

アニメーションするルート付きのドットマトリクス世界地図。

Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。

必要なもの: Node.js 22+、FFmpeg、Chrome。API キー不要。

ほかのテーマと画面比率

地図とルート · ペーパー · 9:16
テーマ: ペーパー · 9:16
地図とルート · エレクトリック · 1:1
テーマ: エレクトリック · 1:1

同じテンプレートをテーマと画面比率を変えてレンダリングした最終フレームです。

5つのテーマ

  • インク · デフォルト
    ink
  • ペーパー
    paper
  • エレクトリック
    electric
  • ノワール
    noir
  • サンド
    sand

プロンプトでテーマ名を指定するだけで切り替わります。アクセント色・背景色・文字色を自分で指定することもできます。

インストール用プロンプト
https://claude-motion.com/skills/maps-routes/install.md を読んで手順どおりに「maps-routes」スキルをインストールし、それを使って最初の動画を作ってください。

Claude Code、Codex、Cursor など Skill に対応したエージェントに貼り付けてください。

プロンプト例
Use the maps-routes skill for our new offices: "Berlin: 52.52, 13.40 | Dubai: 25.20, 55.27 | Sydney: -33.87, 151.21", title "Three new hubs", caption "Hiring in all three".
スタイルプロンプト(Claude Motion または Opus 5.5)
Make a 12-second 16:9 map animation for [who will watch, e.g. enterprise prospects], playing [where, e.g. the sales deck]. Use only the places and claim below; don't add stops. Near-black background.

A dot-matrix world map fades in with the title at the top left. The camera glides in to frame the route. An orange pin pops at the first stop with a pulse ring and a label; an orange arc draws to the next stop with a glowing dot traveling along it, each stop popping a labeled pin. End frame: an orange pill with the claim slides in at the bottom left, held for 2 seconds.

Title: [e.g. "Now live in 3 regions"]
Stops in order: [e.g. San Francisco → London → Singapore]
Claim: [e.g. "Under 40 ms from anywhere"]

インストール不要:Claude Motion(Team または Enterprise)に貼り付けるか、Opus 5.5 に渡すと近い雰囲気になります。結果は実行ごとに変わります。Skill なら毎回同じ結果です。

この Skill で作った作品