DeepSeek Harness + Remotion 视频制作：零代码生成第一条动画短片
前面我们已经介绍过 DeepSeek Harness 的工作区、模型配置和自然语言操作。
接下来，我们尝试做一件更有意思的事情：直接告诉 DeepSeek Harness 想要什么视频，让它帮我们制作动画并导出 MP4。
例如，我们希望制作一条《AI 自动生成工作周报》的宣传短片。
画面开始时，出现几张日历和任务卡片，随后，卡片通过箭头汇聚，最后，生成一份整齐的工作周报。
整个视频大约 15 秒，包含文字、图标、卡片滑动和渐变动画。
以前制作这种短片，可能需要学习动画软件、设置关键帧，或者自己编写动画程序。
现在我们可以让 DeepSeek Harness 借助 Remotion 完成这些工作。
本章节我们不用自己编写任何代码，也不需要手动操作终端。 我们只需要用中文提出需求、预览结果、提出修改意见，最后保存视频。
一、Remotion 是什么
Remotion 是一个基于 React 的视频制作框架。
它可以通过程序控制画面中的文字、图片、图形、音频以及动画时间轴，然后将这些内容渲染成 MP4 等视频文件。
例如：
- 让标题逐渐出现、放大或滑动。
- 让多张日历卡片依次进入画面。
- 制作柱状图增长动画。
- 让图标沿指定路线移动。
- 把多个图形组合成完整的报告。
- 为现有图片添加缩放、平移和转场效果。
这些都可以通过 Remotion 制作，而且动画的时长、位置、颜色和文字能够精确控制。
DeepSeek Harness 负责什么
Remotion 本身属于开发工具，但我们不需要亲自写 React 代码。
DeepSeek Harness 可以理解我们的自然语言要求，帮助创建 Remotion 项目、编写动画、修改内容和执行渲染。
| 工具 | 负责什么 |
|---|---|
| DeepSeek Harness | 理解需求、规划视频、创建项目、修改动画、执行任务 |
| Remotion | 控制视频画面、动画、时间轴和渲染 |
| Remotion Studio | 提供可视化预览、播放和渲染界面 |
| 我们自己 | 确定视频内容、确认设计、检查成片 |
整个流程可以理解为：
中文描述需求 → Harness 创建动画项目 → Remotion 生成画面 → Studio 预览 → 导出 MP4。
二、本章节要制作什么视频
我们先不做复杂的动画，从一条简单的技术演示短片开始。
假设我们要介绍一个工作场景：
每天的工作记录比较零散，希望通过 AI 把它们自动整理成一份周报。
我们希望用动画把这个过程展示出来。
视频基本要求
| 项目 | 本章节要求 |
|---|---|
| 视频主题 | AI 自动生成工作周报 |
| 视频时长 | 15 秒 |
| 画面比例 | 16:9 |
| 分辨率 | 1920 × 1080 |
| 帧率 | 30fps |
| 视觉风格 | 简洁线性卡通 |
| 背景颜色 | 浅灰蓝色 |
| 强调颜色 | 暖橙色 |
| 最终文件 | MP4 |
把 15 秒拆成三个部分
| 时间 | 画面内容 | 动画效果 |
|---|---|---|
| 0～4 秒 | 日历、任务记录和待办清单 | 卡片依次滑入 |
| 4～9 秒 | 零散记录向中央汇聚 | 移动、箭头和连接线动画 |
| 9～15 秒 | 生成完整工作周报 | 报告出现、图表渐入，最后停留 |
这条视频只需要文字、卡片、图标和简单动画，不需要复杂的三维场景。
接下来，我们从创建工作区开始。
三、下载安装 DeepSeek Harness
首先打开 DeepSeek Harness 官方网站：https://www.deepseek.com/harness/
选择对应的桌面版本下载并安装。
安装完成后，打开 Harness，按照界面提示完成模型配置。
如果之前已经安装并配置过 DeepSeek Harness，可以直接跳过这一步。
本章节使用桌面版，主要是为了方便 Harness 操作本地项目文件、运行 Remotion 和保存最终视频。
四、创建 Remotion 视频工作区
我们先在电脑中创建一个文件夹，专门保存当前视频项目。
1、创建本地文件夹
打开 Windows 文件资源管理器或 macOS Finder，在文档目录中新建文件夹。
名称为：
runoob-harness-demo
2、添加到 Harness
- 打开 DeepSeek Harness 主界面。
- 找到工作区管理区域。
- 选择添加工作区或文件夹。
- 选择刚刚创建的
runoob-harness-demo。 - 确认添加成功。
不同版本的界面可能存在差异，以当前应用中的工作区入口为准。
3、新建会话
在 Harness 中创建一个新会话，确认已经选中 runoob-harness-demo 工作区。
如果界面提供标准模式，可以先使用标准模式完成本章节。
这样后续生成的项目、素材和视频都可以围绕当前工作区组织。
五、让 Harness 检查 Remotion 环境
Remotion 需要 Node.js 等运行环境。
不过，我们不需要自己安装软件包或者输入各种命令，可以先让 Harness 检查。
在新会话中输入：
实例：检查视频制作环境
制作一条动画短片。
这是一个新建的视频工作区。
请先检查当前环境：
1. 当前工作区是否正确。
2. 是否已经安装 Node.js。
3. Node.js 版本是否符合 Remotion 要求。
4. 是否已经安装 Remotion。
5. 是否能够运行 Remotion 项目。
6. 是否可以打开 Remotion Studio。
7. 是否具备导出 MP4 的环境。
要求：
全程使用中文说明。
我不需要自己写代码，
也不希望手动输入终端命令。
如果缺少必要工具，
请告诉我需要安装什么。
安装任何工具之前，
先检查官方来源和当前兼容性。
未经确认不要修改工作区之外的文件。
先完成环境检查，
暂时不要制作视频。
Harness 会根据当前环境进行检查。
如果已经安装 Node.js，就不需要重复安装。
如果没有安装，可以按照它给出的官方安装建议完成配置，或授权 Harness 在可用权限内协助安装。
检查时要关注什么
| 项目 | 通过标准 |
|---|---|
| Node.js | 已安装，版本满足当前 Remotion 要求 |
| 项目目录 | 具有读写权限 |
| 依赖安装 | 可以使用当前支持的包管理器 |
| 浏览器 | 可以打开本地 Studio |
| 渲染环境 | 能够执行视频渲染任务 |
需要注意，Remotion 运行时会使用 Node.js 和浏览器渲染环境，这些是工具内部的技术要求，不代表我们必须自己编写代码。
六、接入 Remotion 官方 Skills
为了让 Harness 更准确地创建视频，可以为它提供 Remotion 官方维护的 Agent Skills。
Skills 可以理解成专门面向 AI Agent 的操作说明，帮助它正确使用 Remotion 的组件、动画时间轴、预览与渲染工具。
官方项目地址：https://github.com/remotion-dev/skills
常用的 Remotion Skills
| Skill | 主要功能 |
|---|---|
remotion-best-practices |
通用开发与动画规范 |
remotion-create |
创建项目与 Composition |
remotion-markup |
布局、文字、图形与动画组件 |
remotion-studio |
启动预览界面 |
remotion-render |
渲染视频或静态图片 |
官方支持通过 Agent Skills 工具安装这些能力。
不过，DeepSeek Harness 是否能够直接加载这些 Skills，需要根据当前版本支持的扩展机制确认。
让 Harness 自动检查和配置
实例：接入 Remotion 官方 Skills
优先使用官方项目：
https://github.com/remotion-dev/skills
请先检查 DeepSeek Harness
当前是否支持安装这些 Agent Skills。
如果支持：
1. 配置 Remotion 官方 Skills。
2. 检查 remotion-best-practices。
3. 检查项目创建能力。
4. 检查 Studio 预览能力。
5. 检查 MP4 渲染能力。
如果当前 Harness 不支持直接加载，
请不要假装已经安装成功。
可以参考 Remotion 官方文档，
使用标准 Remotion 项目完成同样的制作任务。
不要安装来源不明的插件。
所有项目文件保存在当前工作区。
完成后告诉我：
哪些能力已经可以使用，
哪些能力仍然不可用。
输出结果类似如下：
如果 Skills 无法直接安装，也不影响使用标准 Remotion 项目制作动画。
关键是让 Harness 具备创建项目、操作文件、启动预览和执行渲染的权限。
七、创建第一个 Remotion 项目
环境准备好后，接下来让 Harness 创建视频项目。
我们只需要告诉它项目名称、视频尺寸和时长。
实例：创建 Remotion 视频项目
项目名称：
ai-weekly-report-video
用途：
制作一条 AI 工作周报主题的动画短片。
请使用 Remotion 官方推荐的项目方式。
视频规格：
宽度：1920
高度：1080
帧率：30fps
总时长：15 秒
要求：
1. 创建能够正常运行的 Remotion 项目。
2. 创建一个视频 Composition。
3. 安装必要的项目依赖。
4. 不需要数据库。
5. 不需要后台服务。
6. 不需要用户登录。
7. 不引入无关的软件包。
8. 不覆盖已有文件。
完成后检查项目是否可以正常启动。
现在只创建基础项目，
暂时不要制作正式动画。
Remotion 中的 Composition 可以理解为一个独立的视频作品，定义了视频的宽度、高度、帧率、总帧数和动画内容。
本章节采用 30fps、15 秒，因此视频总共有 450 帧，这些配置由 Harness 完成，我们不用手动编写组件。
八、规划视频的三个动画场景
正式制作动画前，我们先把内容拆成三个部分。
本章节不制作复杂剧情，只通过简单图形表达工作流程。
场景一：工作记录
画面显示日历和待办清单。
几张卡片先后滑入，让观众看到零散的工作记录。
场景二：自动整理
卡片逐渐汇聚，连接线和箭头出现。
用图形变化表达 AI 自动整理信息的过程。
场景三：生成周报
画面中出现一份整齐的报告文档。
文档中包含简洁的图表和清单，最后停留在完整周报画面。
视频时间轴
| 阶段 | 时间 | 画面 |
|---|---|---|
| 01 工作记录 | 0～4 秒 | 日历和任务卡片依次出现 |
| 02 自动整理 | 4～9 秒 | 卡片移动、连接线和箭头汇聚 |
| 03 生成周报 | 9～15 秒 | 报告展开，清单和图表出现 |
这样可以避免让 Harness 随意添加不相关的场景。
九、输入完整的自然语言视频提示词
现在可以把视频制作任务交给 Harness 了。
下面的提示词已经包含视频主题、时间轴、动画方式、配色和文字内容。
实例：制作 15 秒 AI 工作周报动画
制作一条完整的动画短片。
【视频主题】
AI 自动生成工作周报。
【核心概念】
每天零散的日历、工作记录和任务清单，
经过自动整理，
最后生成一份完整的工作周报。
【视频规格】
1920 × 1080
16:9 横向画面
30fps
总时长 15 秒
【视觉风格】
简洁线性卡通动画。
背景使用浅灰蓝色。
主要配色：
灰蓝色、白色、深灰蓝色。
强调色：
少量暖橙色。
画面简洁、有层次。
不要机器人。
不要火箭。
不要复杂的 3D 场景。
不要密集的科技装饰。
【第一段：0～4 秒】
几张日历卡片和待办任务出现。
卡片依次滑入画面。
动作轻柔，
带有少量弹性。
画面文字：
每日记录
任务清单
【第二段：4～9 秒】
日历卡片和任务清单逐渐向中央移动。
使用简洁的连接线和箭头，
表现信息自动汇总的过程。
画面文字：
AI 自动整理
动画平稳、自然。
【第三段：9～15 秒】
卡片逐渐形成一份工作周报。
报告中出现：
- 标题
- 简洁清单
- 少量图表
画面标题：
AI 工作周报
底部说明：
让 AI 帮你整理每周工作
最后 2 秒保持画面稳定。
【动画要求】
1. 全部中文文字准确。
2. 文字使用可编辑组件。
3. 不将文字烘焙进背景图片。
4. 图标风格统一。
5. 卡片移动自然。
6. 不突然闪烁。
7. 不让元素无理由消失。
8. 按照 Remotion 时间轴组织动画。
9. 保持总时长 15 秒。
【执行步骤】
1. 先制作 Remotion 动画。
2. 检查项目是否能正常运行。
3. 启动 Remotion Studio。
4. 让我预览视频。
5. 等我确认后再导出 MP4。
暂时不要直接渲染最终成片。
Harness 会根据当前项目环境创建动画内容。
如果执行过程中出现项目报错，应先修复项目，而不是直接认为视频已经制作成功。
十、打开 Remotion Studio 预览
动画生成完成后，接下来使用 Remotion Studio 查看效果。
Studio 是 Remotion 官方提供的可视化预览界面。
我们可以在里面播放动画、拖动时间轴，并检查不同时间点的画面。
让 Harness 打开 Studio
实例：打开视频预览
要求：
1. 检查项目是否可以正常启动。
2. 打开视频预览界面。
3. 告诉我实际访问地址。
4. 选择 AI 工作周报的 Composition。
5. 检查总时长是否为 15 秒。
6. 检查视频比例是否为 16:9。
7. 检查画面尺寸是否为 1920 × 1080。
如果支持自动打开浏览器，
请直接打开预览页面。
现在只预览，
不要导出最终视频。
正常情况下，Studio 会运行在本地浏览器中。
默认可能使用 3000 端口。如果端口已经被占用，实际地址可能不同，请使用 Harness 返回的地址。
预览时重点看什么
| 检查项目 | 要求 |
|---|---|
| 动画节奏 | 元素依次出现，没有过快切换 |
| 中文文字 | 无错字、乱码和字体异常 |
| 卡片移动 | 运动平滑，方向合理 |
| 画面布局 | 主要内容位于安全区域 |
| 最终周报 | 文档完整，结尾保持稳定 |
如果预览效果不满意，可以继续在 Harness 对话中提出修改要求。
十一、用中文调整动画
Remotion 的一个重要特点，就是动画内容可以反复修改。
例如，标题太大、颜色太深、卡片滑动太快，都可以直接调整。
修改动画速度
实例：让动画慢一些
但前 4 秒的卡片出现得太快。
请调整：
1. 卡片依次进入。
2. 每张卡片之间增加适当间隔。
3. 滑入动作更柔和。
4. 不修改后面两个场景。
5. 不改变整体配色。
总时长仍然保持 15 秒。
请更新 Studio 预览。
修改标题
实例：修改视频文字
将：
AI 工作周报
改为：
智能工作周报
底部说明改为：
每天记录，自动整理
只修改文字内容。
不要重新设计画面。
不要改变其他动画。
完成后更新预览。
修改颜色
实例：调整视频配色
背景改为更浅的灰蓝色。
图标轮廓使用深灰蓝。
关键箭头使用暖橙色。
保留原来的文字、构图和动画时长。
不要增加新元素。
更新预览后让我确认。
这类修改不需要推翻整个项目，可以只调整相关的文字、布局或动画参数。
十二、检查整个视频
在正式导出之前，建议先做一次验收。
这一步主要检查文字、动画、布局和时间轴是否符合要求。
视频验收表
| 检查项 | 合格标准 |
|---|---|
| 总时长 | 15 秒 |
| 分辨率 | 1920 × 1080 |
| 帧率 | 30fps |
| 中文文字 | 内容准确、字体清晰 |
| 动画 | 滑动、汇聚和渐入自然 |
| 布局 | 没有文字遮挡和元素溢出 |
| 配色 | 灰蓝主色、少量暖橙点缀 |
| 结尾 | 完整周报画面稳定可见 |
让 Harness 检查关键时间点
实例：检查动画关键画面
重点检查：
1. 总时长。
2. 分辨率。
3. 帧率。
4. 中文文字是否准确。
5. 是否有元素超出画布。
6. 是否存在文字遮挡。
7. 是否有突然闪烁或消失。
8. 结尾是否保持稳定。
请检查以下时间点：
1 秒
4 秒
7 秒
10 秒
14 秒
如果可以，
请生成这些时间点的静态预览图。
输出检查表：
检查项 | 结果 | 问题 | 建议
不要未经确认修改整个项目。
静态画面检查只能发现一部分问题，完整的动画节奏仍然需要实际播放确认。
十三、导出最终 MP4
确认预览效果符合要求之后，就可以将动画渲染为 MP4。
Remotion 支持从 Studio 界面执行 Render，也可以让 Harness 在本地使用 Remotion 渲染工具完成。
本章节继续使用自然语言。
实例：导出视频文件
请导出最终成片。
输出规格：
格式：MP4
编码：H.264
分辨率：1920 × 1080
帧率：30fps
时长：15 秒
文件名：
ai-weekly-report.mp4
保存到当前项目的 output 目录。
要求：
1. 使用正式渲染方式导出。
2. 不覆盖已有同名文件。
3. 保留 Remotion 源项目。
4. 检查输出文件是否存在。
5. 检查视频实际时长。
6. 检查分辨率和编码。
7. 确认文件可以正常播放。
完成后告诉我：
视频保存路径和检查结果。
如果渲染失败，
先检查错误并报告原因。
渲染完成后，可以在当前项目目录中找到导出文件。
例如：
视频文件保存位置
└── ai-weekly-report-video/
├── src/
├── public/
├── package.json
└── output/
└── ai-weekly-report.mp4
实际文件目录以 Harness 创建的项目结构为准。
十四、使用自己的图片制作动画
除了文字和图标，Remotion 也可以使用现有图片制作动画。
例如，我们已经有一张咖啡馆的横向宣传图片，希望给它增加缓慢推近效果，再添加标题。
这类效果适合网页宣传、商品展示和活动短片。
实例：静态图片制作 10 秒动画
把工作区中的 coffee-banner.png
制作成一条 10 秒宣传动画。
【画面】
16:9 横向画面。
【第一段：0～3 秒】
展示完整图片。
图片缓慢向前放大。
【第二段：3～7 秒】
继续保持轻微推近。
左侧渐入标题：
咖啡时光
【第三段：7～10 秒】
显示副标题：
从一杯拿铁开始
最后保持稳定画面。
【要求】
1. 保留原始图片内容。
2. 不重新绘制咖啡杯。
3. 不改变画面中的主体。
4. 中文文字保持清晰。
5. 动画平滑、自然。
6. 不添加其他物体。
7. 先预览，确认后再导出。
请使用当前 Remotion 项目完成。
这种方式适合给现有图片增加简单运动，但如果只有一张照片，动画仍然主要来自缩放、平移和图层变化，不会凭空产生真实的三维空间信息。
十五、制作数据图表动画
Remotion 也非常适合制作统计图表视频。
例如，把一组数据制作成柱状图增长动画，可以用于技术文章、工作汇报和教学演示。
实例：制作柱状图动画
12 秒的数据图表动画。
练习数据：
1 月：120
2 月：180
3 月：240
4 月：310
5 月：420
这些是模拟数据。
【视频规格】
1920 × 1080
30fps
16:9
12 秒
【动画设计】
0～3 秒：
显示标题：
月度访问量变化
3～9 秒：
柱状图依次增长。
9～12 秒：
展示完整柱状图。
【风格】
浅灰蓝背景。
深灰蓝柱状图。
暖橙色突出最高值。
【要求】
1. 数据必须准确。
2. 不自行增加数据。
3. 不添加未经确认的统计结论。
4. 文字清晰。
5. 动画自然。
6. 使用 Remotion 完成。
7. 先打开 Studio 预览。
确认后再导出 MP4。
与普通视频不同，这类图表动画通常要求数据、文字和图形精确对应，因此制作完成后还需要逐项核对数据。
十六、Remotion 视频制作需要付费吗
Remotion 可以在本地生成动画和渲染视频，但具体是否需要购买许可证，取决于使用者和使用方式。
例如，符合免费许可条件的个人和部分小型组织可以在许可范围内使用；不符合免费条件的商业组织，则需要评估相应许可证。
此外，DeepSeek 模型使用、商业素材、字体和其他外部服务也可能产生费用。
详细条款可以查看：
本章节只需要一个可以在本地运行的 Remotion 环境，不需要部署公共视频服务。
十七、常见问题与解决方法
| 问题 | 可能原因 | 解决方法 |
|---|---|---|
| 无法创建项目 | Node.js 或依赖环境异常 | 让 Harness 检查环境及安装日志 |
| 官方 Skills 无法安装 | 当前 Harness 不兼容该安装方式 | 改用 Remotion 标准项目流程 |
| Studio 无法打开 | 预览服务未启动或端口不可用 | 检查启动日志和实际访问地址 |
| 视频预览空白 | Composition 或组件运行错误 | 让 Harness 修复项目错误 |
| 中文显示方块 | 缺少合适的中文字体 | 使用可用的中文字体并检查加载 |
| 文字被裁切 | 内容超出画布 | 调整布局和安全边距 |
| 动画不流畅 | 预览性能或动画实现存在问题 | 优化动画，检查最终渲染结果 |
| 视频导出失败 | 渲染环境或编码出现错误 | 检查 Remotion 渲染日志 |
| 导出后没有声音 | 项目没有添加音轨 | 如需声音，添加有授权的音频素材 |
统一的问题排查提示词
实例：修复 Remotion 项目
请检查：
1. Node.js 环境。
2. 项目依赖。
3. Remotion 版本。
4. Composition 配置。
5. Studio 启动状态。
6. 动画组件错误。
7. 视频渲染日志。
请先告诉我：
- 发现的问题
- 可能原因
- 需要修改的文件
- 推荐修复方案
要求：
不要删除整个项目。
不要覆盖已经确认的视频。
不要重新创建不必要的文件。
优先修复当前问题。
修复后重新启动预览，
并告诉我检查结果。
十八、一条提示词完成视频项目
如果已经熟悉工作区和 Remotion 的基本流程，可以使用下面这条完整指令，让 Harness 统一管理视频制作。
实例：DeepSeek Harness + Remotion 完整制作指令
请使用 DeepSeek Harness + Remotion
制作一条 15 秒技术动画短片。
我只用中文描述需求，
不需要自己编写代码。
【项目】
项目名称：
ai-weekly-report-video
工作区：
使用当前已经选中的工作区。
【主题】
AI 自动生成工作周报。
【核心内容】
零散的日历、任务和工作记录，
经过自动整理，
最后生成一份完整周报。
【视频规格】
1920 × 1080
16:9
30fps
15 秒
MP4
【动画结构】
第一段：0～4 秒
日历和任务卡片依次滑入。
第二段：4～9 秒
卡片通过箭头和连接线向中央汇聚。
第三段：9～15 秒
生成一份完整工作周报。
显示标题：
AI 工作周报
显示副标题：
让 AI 帮你整理每周工作
最后保持画面稳定。
【视觉风格】
简洁线性卡通。
浅灰蓝背景。
深灰蓝图标。
白色卡片。
少量暖橙色强调。
不要机器人。
不要火箭。
不要复杂背景。
【技术要求】
使用 Remotion 官方推荐方式。
动画基于时间轴控制。
中文文字使用可编辑组件。
图标、文字和动画保持独立，
方便后期修改。
不引入无关的外部服务。
【制作流程】
1. 检查运行环境。
2. 创建或检查 Remotion 项目。
3. 生成完整动画。
4. 启动 Remotion Studio。
5. 让我预览。
6. 根据反馈修改。
7. 确认后导出 MP4。
8. 检查最终视频。
【文件管理】
保留全部项目源文件。
最终输出：
output/ai-weekly-report.mp4
不要覆盖已有版本。
【验收】
检查：
- 时长
- 分辨率
- 帧率
- 中文文字
- 动画节奏
- 画面布局
- 是否正常播放
【执行规则】
先检查环境并完成项目规划。
如果需要安装依赖，
先说明安装来源和影响范围。
生成动画后先预览。
得到我确认后再导出最终视频。
十九、动手练习
练习一：制作 AI PPT 生成动画
制作一条 10 秒视频，展示文字大纲逐渐变成多张幻灯片的过程。
要求画面简洁，文字准确，所有动画通过 Remotion 实现。
练习二：制作技术文章封面动画
使用一张已有的公众号封面图片，增加缓慢推近和标题渐入效果。
导出一条 8～10 秒的 MP4。
练习三：制作编程语言排行动画
使用模拟数据创建动态柱状图。
要求图表按顺序增长，文字和数值保持准确。
练习四：制作 9:16 竖屏动画
将本章节工作周报动画改成 1080 × 1920 的竖屏版本。
重新安排图标、标题和卡片位置，不要直接拉伸横向画面。