阿久 | Remotion实战：AI辅助制作真人出镜教程视频

场景故事

阿久一直想打造个人 IP，却苦剪辑久矣。她只会剪映基础操作，没时间钻研专业软件，创作效率始终上不去。直到偶然接触到 Remotion 这款用代码生成视频与动画的工具，她决定试一试。

虽然不懂代码，但可以借助 Claude 进行对话式编程啊。跟着步骤试了一遍，没想到真的成了，20 分钟就完成了一条真人出镜的教程视频。这套工具就像游戏捏脸一样，掌握模板后就能批量、程序化、定制化生产视频。更让她惊喜的是，这套工具还能轻松植入统一的品牌标识和专属音效，让她的个人 IP 辨识度瞬间拉满。

她看着自己做好的教程视频，心里清楚，后续再搭配 OpenClaw，有望实现内容创作全流程自动化，既省时间又显专业，往后的 IP 之路也越来越顺畅。

接下来，就以真人出镜的教程视频为例，带你走进新一代代码化、自动化做视频的探索之旅。

八格表单

1. 什么时候用？

• 经常做教程类视频，希望植入个人 IP
• 剪辑基础弱，却想实现精致动效与动画
• 无剪辑时间，期望 AI 实现视频剪辑自动化
• 放弃人工拖拽剪辑，用代码生成定制化视频

对比传统剪辑工具（剪映 / PR）

维度	Remotion	剪映 / PR
制作方式	代码编写（批量/自动化）	手动拖拽（单条/人工）
定制化	高度灵活，可无限扩展	依赖预设模板，定制成本高
批量生产	高效，支持批量生成	低效，重复劳动多
学习成本	需懂与AI编程工具对话	需学剪辑操作
动画精度	帧级精准，支持复杂数学动画	手动调整，精度有限

2. 做出来是什么？给谁？

核心产出：真人出镜的教程视频，包含：

• 真人开场：保留真人实拍视频，强 IP、强活人感，不替换
• 教程及画中画：语音识别生成字幕 + 头像画中画 + 录屏字幕合成 + 音量归一化
• 视觉锤与听觉锤：品牌动画 / 音乐 + 片尾动画

技术特点：Skill 极速上手 + 组件开源免费 + 内含演示模板 + 自定义无限扩展

交付对象：想通过真人出镜打造个人 IP 的创作者、教程分享类博主、无专业剪辑基础的内容创业者

真人 IP 开场 + 录制教程画中画 + 自动字幕 + 品牌动画 + 一键出片 = 低成本、高效率、强辨识度的个人 IP 教程流水线。

3. 需要准备什么？

类别	内容	说明
一次性准备	AI编程工具（Claude + Cursor 或 Trae 或 Codebuddy）+ Remotion	AI编程工具根据需求进行代码修改；Remotion完成视频渲染
每次必须	真人开场视频、教程录屏	视频 MP4 格式；音频 MP3 格式；图片 JPG 或 PNG 格式
建议准备	视频标题、副标题；品牌中英文名称 + 5秒听觉锤音频 + 品牌 Logo + 画中画头像	用于植入品牌动画，增强 IP 辨识度

4. 怎么跟AI说？

成功提示词

引用 remotion 的核心文件：C:\Users\Admin\my-video\src\components

我需要一个基于 Remotion 生成的教程视频，包含以下模块：

1. 真人开场（动态时长）- 真人视频开场
2. 品牌展示（5秒）- Logo动画 + 中英文品牌名（久久AI记）+ 配合专属音乐
3. 录屏教程（动态时长）- 屏幕录制 + 右下角圆形画中画头像
4. 关注动画（5秒）- B站风格三连按钮

技术要求：
- 使用 TypeScript + Framer Motion
- 拆分独立组件设计 - 每个场景都是独立的 .tsx 组件
- 通过 Sequence 组合各场景，支持灵活调整顺序和时长
- 画中画头像 160x160，带发光边框，呼吸感
- 视频比例 1920x1080
- 动态时长要求：视频场景必须根据素材实际长度动态计算时长
  方法：ffprobe 检测 → 更新 DURATION 常量 → 自动计算 FRAMES → 组件使用 → 总时长自动计算

素材引用：C:\Users\Admin\my-video\public\
- 真人出镜：host-video.mp4（H.264编码）
- 录屏教程：screen-recording.mp4（H.264编码）
- 视觉锤：logo.jpg
- 听觉锤：music.mp3

// 正确写法
<Img src={staticFile("jiujiu-logo.jpg")} />
<Video src={staticFile("host-video.mp4")} />
<Audio src={staticFile("music.mp3")} />

// 错误写法
<Img src="/public/jiujiu-logo.jpg" />
<Video src="/host-video.mp4" />

边界示例（素材缺失时的处理）：
触发条件：用户未提供自定义素材文件时
执行逻辑：自动从 assets/example/ 目录复制对应示例文件到 assets/ 目录作为默认值

失败提示词

我需要用 Remotion 做一个教程视频，要有真人开场、品牌展示、录屏教程和关注动画
素材在 public 文件夹里，有 host-video.mp4、screen-recording.mp4

失败原因：背景、任务、约束模糊，未界定 AI 的核心执行边界。

修正版：完整复制成功提示词。

5. 具体怎么操作？

为了让你快速上手 Remotion，作者制作了视频模板 Skill，大幅节省安装和摸索时间。

步骤1：下载 Skill，开箱即用

下载地址：https://github.com/y471823206/remotion-tutorial-video

解压至 .claude 的 skills 文件夹（如：C:\Users\Admin\.claude\skills）。若 Claude 版本没有 skills 独立文件夹，则在 Plugins 下管理。

步骤2：在 Claude 中调用 Skill

claude:/remotion-tutorial-video

步骤3：跟随 Skill 一键安装项目

跟随引导，提供素材路径。

步骤4：预览调试，参数调至满意

输入 npm run dev 启动 Remotion 预览服务，浏览器自动打开控制台（http://localhost:3000），通过 AI 对话可视化调试所有元素，实时调整至贴合个人 IP 风格。

步骤5：一键渲染，生成最终视频

预览调试完成后，在控制台点击 Render，渲染导出视频，在 out 文件夹获取最终视频。

6. 怎么算做完？

• 视频包含「真人出镜 + 品牌动画 + 录屏及画中画 + 结尾动画」
• 所有元素正常显示 / 播放
• 素材替换仅需放入指定文件夹并修改文件名，替换后预览正常
• 支持时长自适应，根据素材实际时长动态适配
• 视频可成功导出至指定目录

7. 出错了怎么办？

失败场景	解决办法
调用 Skill 失败	复制路径，询问 AI 是否目录层级有问题，导致无法用 / 调用 Skill
效果不满意	AI 对话修改；找到对应文件修改参数；可截图指出修改意见
技术报错	复制报错信息，交给 AI 自动修复
视频模糊	检查原始视频质量；修改渲染参数
渲染失败	尝试在控制台（预览页面）点击 Render；AI 对话修复

8. 以后能自动吗？

维度	评分	说明
频率	4/5	IP 教程视频制作属高频需求，创作者需批量出片，每周 3-5 条
稳定性	4/5	核心框架固定，仅替换素材和文案，输入输出标准化，易统一 IP 风格
数据依赖	3/5	依赖 IP 素材（真人开场/录屏/LOGO 等），无需实时数据
风险等级	4/5	视频效果可实时预览，出错可快速调整修复，无不可逆损失

四象限结论：高频 × 中风险，半自动，人工审批后执行

一句话建议：封装 Remotion 渲染流程为 Skill，IP 创作者仅需将素材放入指定文件夹并执行 1 条命令即可出片，人工仅负责预览验收和微调，后续通过 OpenClaw 实现素材自动导入、视频自动渲染的全流程自动化，提效 IP 批量创作。

高手心法

一句话本质

Remotion 做视频的核心，是把「剪辑操作」变成「代码参数化控制」，再用 AI 降低编码门槛，让零基础创作者也能标准化、自动化、低成本批量生产视频。

核心认知：AI + 开源工具，重构 IP 视频生产逻辑

1. 组件化消灭重复劳动，统一 IP 风格：把视频拆成可复用组件，一次编写、多次调用；换内容只换素材，不重构框架。AI 抹平编程门槛，批量出片仍保持高度统一，持续强化 IP 辨识度。

2. 开源生态组合，打造 AI 创作利器：用开源工具构建基础能力，再通过 OpenClaw 等扩展，可实现从半自动化到全自动化创作，不依赖单一平台，低成本大幅提升效率与专业度。

3. 标准化文件体系落地 Agent Skill：针对 Agent Skill 搭建「CLAUDE.md + .claude.json + requirement.md + Task.md」，实现标准化、流程化落地。

本书仅展示 v1.0 基础版，后续将探索进阶技巧，持续提升 IP 视频质感与产出效率。更多教程 + 源码，欢迎关注 B 站「久久 AI 记」。