Communitygithub.com

anaydhawan/openvidstudio

基于 Remotion 的地图动画知识技能

openvidstudio 是什么?

此技能为 Remotion 用户提供多种地图动画技术方案。它封装了五种不同的地图渲染技术:静态地图、Mapbox、MapLibre、MapTiler 和 CesiumJS。每种技术都自包含于独立的目录中,拥有专属的 `TECHNIQUE.md` 文档,可自由添加或移除而不会影响其他部分。用户需要根据镜头意图选择一种技术,并仅加载对应的技术文档。该技能适用于所有支持 Remotion 的平台(如 Claude Code、Cursor、Codex),通过结构化组织让开发者能快速集成复杂的地图动画,如卫星图像动画、3D 建筑展示、地形飞越等。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anaydhawan/openvidstudio/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 1 individual skill — each has its own dedicated page.

相关技能