Claude Code + Remotion 做动画实测

一支五分钟出头的实测视频。作者照着网上流传的提示词，用 Claude Code 加 Remotion 做动画，第一次做出来和别人的差了一大截，然后一步步找原因、补办法。Remotion 是一个用代码做视频的开源工具，Claude Code 是能在你电脑上写代码干活的 Claude。

视频里的要点

• 只给一句提示词不够：空项目里 AI 等于从零搭积木。先把 Remotion 官方的 Skill 装进项目，同样的要求效果好很多。Skill 就是提前写好的说明书，告诉 AI 有哪些现成零件能用。
• 想复刻别人的片头，可以把参考视频拆成一帧帧图片给它看。第一次差得很远，因为它看图主要靠线条、颜色和文字，但能在这个基础上改。
• 搭配别的动画库：GSAP 适合一幕幕展开的幻灯片效果，D3 适合会动的数据图和路线图，Lottie 适合简单的小动画，Three.js 做三维场景。
• 两个小技巧：想让东西沿一条路线走，在白图上画条线给它看；要导出透明背景的字卡叠到原视频上，渲染时选 ProRes 4444 XQ、Picture 选 PNG。

适合谁

• 想用 AI 做片头、字卡、数据动画，但照抄提示词效果很差的人

怎么开始

1. 在 Claude Code 里开一个新文件夹当项目。
2. 先装 Skill。Remotion 官方文档给的命令是 npx skills add remotion-dev/skills，也可以直接对 Claude Code 说「帮我把 Remotion 官方的 Skill 装进这个项目」。
3. 再说你要的动画，想要哪种效果就点名用哪个库，比如「用 D3 做一个会动的人口变化图」。

要注意

• 个人和 3 人以内的公司可以免费用 Remotion 做视频，商用也行；规模更大的营利公司要买公司授权。
• 视频是 2026 年 2 月发的，装法以 Remotion 官方文档为准。
• 做地图动画时会用到 Mapbox，要先注册一个 Mapbox 账号拿密钥。