remotion
一个基于Remotion框架，用于制作数据驱动的地图动画视频的工程模板。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：remotion。 它的用途是：一个基于Remotion框架，用于制作数据驱动的地图动画视频的工程模板。 完整的 Skill 内容见：https://321skill.com/skills/remotion/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我需要制作一个展示去年中国各省经济增长情况的视频用于内部汇报。’，它会引导你使用这个Skill。你只需准备好各省的GDP数据和地图文件，替换到工程中，然后运行命令即可预览和生成一个带有动态排名和镜头特效的专业视频。
介绍
这个Skill解决了用户需要将静态的地理数据（如各省GDP）转化为动态、具有视觉冲击力的宣传或演示视频的痛点。它提供了一个完整的、可运行的Remotion工程，用户只需替换JSON数据文件，即可快速生成一个展示中国各省GDP排名、带有镜头推进和3D凸出效果的动画视频。
使用方式非常直接：克隆项目后，将你的地理数据（TopoJSON格式）和GDP数据（JSON格式）放入指定目录，然后运行npm run dev即可在Remotion Studio中预览动画效果，并可根据需要调整动画参数，最后使用npm run build渲染成视频文件。
它特别适合需要制作数据可视化视频的内容创作者、数据分析师、营销专员以及任何希望用动态形式展示地理相关数据的用户。对于高校学生或学术研究者，它也是一个很好的将研究成果可视化的工具。
使用前请注意，你需要自行准备符合格式要求的地理数据和GDP数据。地图数据的坐标系需要与代码中的投影（geoMercator）兼容，且省份名称字段必须与GDP数据中的键名完全一致，否则可能导致地图显示异常或数据无法匹配。
核心特点
与通用的Remotion教程或简单示例不同，它提供了一个专注于地图数据可视化的、功能完整的生产级工程，内置了镜头动画、3D凸出效果、动态排行榜和数值计数等复杂交互逻辑，开箱即用，大大降低了制作此类视频的技术门槛。
注意事项
不适合需要展示非地理数据或非中国区域地图的用户，且对输入数据的格式和一致性要求较高。
常见问题
如何准备中国省份的地图数据？
可以使用mapshaper工具将GeoJSON格式的中国地图数据简化并转换为TopoJSON，确保properties中包含省份名称字段。
运行后地图显示空白或位置不对怎么办？
检查TopoJSON数据的坐标系是否与代码中的geoMercator投影兼容，并确认省份名称与gdp-data.json中的键名完全一致（包括‘省’、‘市’等后缀）。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/remotion/raw/index.md 读取 remotion 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/remotion/raw/index.md（查看排版版本）