Communitygithub.com

Guilhermeslvg/video-portfolio

使用 Remotion 制作地图动画知识的技能

video-portfolio 是什么?

该技能为开发者提供了一个基于 Remotion 的模块化地图动画框架,支持多种地图渲染技术,包括静态卫星图、Mapbox、MapLibre、MapTiler 和 CesiumJS。每种技术都封装在独立的`TECHNIQUE.md`文件中,可以按需加载或移除而不影响其他部分。静态地图技术简单直接,适合快速上手;Mapbox 提供美观的默认样式、3D 建筑和球形地球效果;MapLibre 完全免费且无需 API 密钥;MapTiler 支持在地理特征上绘制标注;CesiumJS 则擅长地形和山脉的飞越动画,模拟飞行视角。该技能旨在帮助开发者根据项目需求选择最合适的地图动画方案,提升视频制作的效率和质量。

兼容平台~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.

相关技能