Communitygithub.com

Guilhermeslvg/video-portfolio

適用於 Remotion 的地圖動畫知識技能

video-portfolio 是什麼?

此技能專為使用 Remotion 創建地圖動畫的開發者設計。它提供多種技術選擇,包括靜態地圖、Mapbox、MapLibre、MapTiler 和 CesiumJS,讓使用者根據專案需求選用合適的方案。每個技術目錄獨立封裝,可單獨載入而不影響其他部分。支援動畫疊加、3D 建築顯示、地形飛越等效果,並涵蓋從免費到需 API 金鑰的不同選項。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Guilhermeslvg/video-portfolio/tree/HEAD/.agents/skills/remotion-maps

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

Remotion 地圖

從預期的鏡頭中精確選擇一種技術,然後僅載入該技術的 TECHNIQUE.md。 每個技術目錄都是自包含的,可以移除而不影響其他目錄。

靜態地圖

  • 需要擷取衛星影像並掛載到 <Img> 標籤中,然後在其上製作動畫

Mapbox

  • 需要 Mapbox 金鑰
  • 預設提供更美觀的樣式
  • 縮小時地圖可以顯示為圓形球體
  • 包含精美的 3D 建築物,例如艾菲爾鐵塔

MapLibre

  • 不需要 API 金鑰,完全免費
  • 不包含 3D 建築物

MapTiler

  • 使用 MapTiler
  • 可以在地理特徵(邊界、河流、標籤)上繪製註釋

CesiumJS

  • 飛越地形和山脈
  • "飛行模擬器"視角

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

相關技能