使用 Claude Code 与 Remotion 制作自定义动画视频的完整教程

在现代开发与创意内容制作中，将 AI 与视频动画结合已经成为一种趋势。本文将详细讲解如何使用 Claude Code 和 Remotion 创建一个自定义动画项目，并实现将图片内容（如 lin.png）以动态方式展示在视频中。

---

1、安装 Claude Code

首先需要在本地环境中安装 Claude Code。

npm install -g @anthropic-ai/claude-code

安装完成后，即可在命令行中调用 claude 命令。

---

2、访问 Remotion 并选择模板

Remotion 是一个基于 React 的视频动画开发框架。访问官网：Remotion | Make videos programmatically

我们使用官方提供的 HelloWorld 模板进行快速入门：HelloWorld 模板

创建项目：

npx create-video@latest

按照提示完成项目创建，生成基础视频模板。

---

3、创建本地项目文件夹

在本地指定路径创建项目文件夹，并进入目录：

mkdir C:\Users\86182\Projects\test
cd C:\Users\86182\Projects\test
claude

---

4、在 Claude Code