Path Unfold logo - AI-first Vibe Coding 社群
    Serena
    SerenaCreator & 工程师

    AI写代码做视频！Claude Code + Remotion 六个实战工作流全解析

    用写代码做视频，才是 AI 时代的剪辑方式｜Claude Code + Remotion 六个实战工作流全解析

    一句话，能生成什么？

    • 扔一张截图，几秒钟复刻出小 Lin 说那种数据高亮动画 → 📺 看效果
    • 发 2 秒录屏，AI 自动做出含国旗、轨迹、配乐的贸易路线完整动画 → 📺 看效果
    • 扔字幕文件，一句话生成视频章节进度条，透明背景直接叠加在视频上 → 📺 看效果
    • 发口播字幕，AI 自动识别哪里加音效、哪里加文字动画，全部匹配进去
    • 甩一个 YouTube 链接，AI 自己抓取解析，直接复刻指定片段 → 📺 看效果
    • 发字幕 + 素材，生成文字逐字蹦出、配机械键盘声音的打字机 B-roll → 📺 看效果

    这些都是我现在每期视频在用的工作流。今天把方法讲清楚。

    为什么是"写代码"做视频？

    传统剪辑是「拖拽式」——每次做完，下次换个视频，你得重新再做一遍。

    用代码做视频的核心优势是：写一次，永久复用。

    • 你不需要懂编程，Claude Code 是你的工程师
    • Remotion 是你的剪辑师，把代码变成流畅动画
    • 你只需要说清楚你要什么效果，AI 自己推理怎么做

    而且这是结果导向的——你只需要告诉 AI 你想要什么样的结果，它能推理出怎么实现。

    六个实战 Demo

    Demo 1：截图 → 复刻小 Lin 说动画

    小 Lin 说那种数据高亮动画，以前对小白来说根本不知道怎么下手。

    现在：截一帧图，发给 Claude Code，说「帮我复刻这个动画效果」——几秒钟出来了。

    📺 观看 Demo 短视频

    Demo 2：录屏 → 土耳其贸易路线完整动画

    录了 2 秒钟的屏，发给 Claude Code，它自己分析：国旗摇摆、虚线折线、小船小卡车来回跑、总统人物抠图加橙色描边……每一个元素的动画逻辑它都能推理出来，用代码实现。

    配乐也是：把录屏上传到 Epidemic Sound，找到风格匹配的配乐，再发给 Claude 加进去，一气呵成。

    📺 观看 Demo 短视频

    Demo 3：视频链接 → Claude 自己解析复刻

    直接甩一个视频链接，告诉 Claude Code：「复刻这个视频第 6 到第 18 秒的动画」——它自己去抓取，自己解析，直接做出来。

    📺 观看 Demo 短视频

    Demo 4：视频章节进度条 Skill

    以前在剪映里做进度条：调蒙版、对齐刻度线、手动调字体大小……麻烦到根本不想做。

    现在只需要把字幕文件或时间戳发给 Claude，一句话搞定：

    帮我做一个视频章节进度条动画。
视频时长：8 分 30 秒
章节如下：
0:00 开场
1:10 Demo 1 截图复刻
2:55 Demo 2 贸易路线
...

    Claude 自动生成透明背景的进度条动画，直接叠加在视频上方。

    📺 观看 Demo 短视频

    🛠 想直接用这个 Skill？

    把下面这句话发给你的 AI Agent（Claude Code、Cursor、Gemini CLI 等）：

    "Please install this skill: https://github.com/serenawangCU/chapter-progress-bar"

    Agent 会自动安装，之后扔字幕文件或时间戳，就能生成透明背景进度条，直接叠加在任何视频上方。→ 查看 Skill 源码

    Demo 5：口播音效 + 文字动画自动化

    我把口播里常用的音效和对应的文字动画效果整理好，发给 Claude Code。

    它现在能自动识别「哪里该加什么效果」，把音效和文字动画全部匹配进去。以前这些要在剪辑软件里一个一个手动搭，每次都要重新做——现在它已经能完成大部分工作了。

    Demo 6：打字机 B-roll Skill

    把字幕和素材发给 Claude，它自动判断「哪里是重点、哪里需要加什么」，生成这种文字一个字一个字蹦出来、配上机械键盘声音的板书效果 B-roll。

    这是我们社群里将近 50 万粉丝的 YouTuber Ray 做的 Skill——Typewriter Video Skill。

    📺 观看 Demo 短视频

    底层逻辑：同样的时刻

    iPhone 刚发布的时候，乔布斯把实体键盘去掉了，所有人都说：这怎么可能？手机没有键盘怎么打字？

    但后来，大家不只是接受了，而且再也回不去了。因为去掉键盘，反而解锁了更大的屏幕、更多的可能性。

    我觉得我们现在面对的，就是同样的时刻。

    用说话和写代码的方式做视频，听起来很颠覆，很多地方还不够完善——但这不是旧工作流的升级，而是底层逻辑彻底的重写。

    你有没有发现：所有东西，只要能转化成代码，这件事就会变得简单和精确很多。因为这正是 AI 最擅长的事情。

    可能性还远不止这些

    • MediaPipe：用摄像头实时识别手势，挥挥手，动画跟着动
    • Manim：3Blue1Brown 用的那种丝滑数学动画库，让 Claude 帮你写代码，告诉它你想解释什么概念就可以

    Manim 数学动画示例

    • HTML 知识性视频：把一篇文章扔给 Claude，它直接帮你转化成知识性视频，不需要找素材、不需要想动画怎么做

    这些都是 AI 写代码 + 前端库的组合。你只需要会描述你想要什么。

    写在最后

    做视频这件事，最重要的从来都不是剪辑。重点是你想表达什么，你的创作和思考。

    如果这些流程可以标准化、做成 Skill，让剪辑这件事越来越轻、越来越快——那省下来的时间和精力，才能真正用在创作本身。

    想了解更多 AI 时代的创作方式，欢迎加入「用 AI 发电」社群：pathunfold.com/serena

    里面有用代码做视频的完整教程、Ray 的 AI 创作营、Vibe Coding 课程，和全球各地的 AI 创作者一起学习交流。