Claude 改变内容创作：从动画到视频全自动

---

核心观点速览

1. Claude Design 不是视频编辑器——但它解决了"为每个视频做匹配动画/视觉元素"这个最痛的环节。
2. Design System 是 1 次投入、永续使用的基础设施。 把品牌规范一次性喂给 Claude，之后所有视频的视觉元素都保持一致。
3. 一个视频只讲一个点、10-20 秒动画、一次只做一件事。 "长视频 = 失败率指数增长"。
4. Claude Design 限制快满时 → 切换到 Claude Code 桌面端继续。 同样的能力，不同的入口。
5. 把成功的设计转成 Skill。 下次只用 /skill-name 触发，省掉重复 prompt。
6. HyperFrames 开源 repo 做真实视频编辑。 字幕、下三分之一、动画标签、UI mockup——都是 HTML/CSS 渲染。
7. Auphonic API + Claude Code = 音频全自动增强。 从录制到发布的音频环节不再需要人工。
8. Opus 4.7 做架构，Sonnet 4.6 改细节。 用贵的模型思考，便宜的模型执行——省 token。

---

一、底层心智：从"用软件"到"编程内容"

Jack 的核心转变

"If you think about video as code, anything that can be turned into code, we can use Claude code to accelerate." （如果你把视频当作代码——任何可以被代码化的东西，都能用 Claude Code 加速。）

这是整期视频最重要的一句话。

对大多数创作者： 视频 = 在 Premiere Pro / Final Cut / DaVinci 里拖时间轴、点按钮、调参数。

对 Jack： 视频 = 一段可以被编程描述的内容。标题、特效、转场、字幕、动画——本质都是参数 + 规则 + 素材。如果能被代码化，就能被 Claude Code 自动化。

这改变了什么

• 以前需要雇视频剪辑师做的事——AI 1 分钟搞定
• 以前需要买订阅的软件（Descript、Opus Clip、SubMagic）——现在开源 + 自己跑
• 以前不敢做的风格（大量动画、一致品牌系统）——现在零成本实现

---

二、Step 1：设置 Design System（不要跳过）

最大的错误：直接开始做视频

大多数人打开 Claude Design 就开始"让它做一个视频"。结果： 每次输出风格都不一样，品牌完全碎片化。

Jack 的正确做法

先花 15-30 分钟在 claude.ai/design 创建一个 Design System：

输入内容：

1. 你是谁（"I am an educating YouTube channel"）
2. 你的风格（"Very simple, beautiful animated graphics that communicate one point visually"）
3. 参考素材（你喜欢的箭头样式、logo、配色）
4. 风格注释（"One screen, one point, gorgeous sketch style, think kids could draw"）

为什么 Design System 重要？

Claude Design 的内置记忆： 每次你做的项目都会生成一个 skill.md 文件。之后所有项目都读取这个文件。

• 第 1 个视频： Claude 凭你的描述做
• 第 10 个视频： Claude 基于你前 9 个视频的反馈和选择做
• 第 100 个视频： Claude 几乎完美复刻你的风格

这不是魔法——这是记忆。前 30 分钟的投入 = 之后 100 个视频的一致性。

---

三、Step 2：生成第一个动画视频

Jack 的 Prompt 模板

"Your job is to make for me an animated video. The thing about this video is I'm going to be talking over it, so I want minimal text. I'm going to give you the script. It's going to be around 10 to 20 seconds long that illustrates one single point." （你的任务是给我做一个动画视频。因为我会在上面配音，所以文字要少。我会给你脚本。大约 10-20 秒，说明一个单一的点。）

关键约束：10-20 秒

为什么不做 1 分钟的动画？

"The longer it gets, the more opportunities it has to go wrong." （越长，出错的机会越多。）

• 10 秒动画 = 3-4 个元素需要正确放置
• 1 分钟动画 = 20-30 个元素 = 错误概率指数上升

实用启示： 不只在视频，任何 AI 任务都该"短 + 专"。一次只做一件事，做错了只需要修那一小段。

反向工程别人的风格

Jack 演示了一个技巧——给 Claude 一张参考图片：

1. 找一个你喜欢风格的图片（Netflix 风格、iHighAgency 风格等）
2. 拖到 Claude Design 的 prompt
3. "用这个风格做我这个话题的视频"

Claude Design 可以读图 + 你的 Design System + 你的脚本——然后做出一个风格 match 但内容是你的视频。

真实输出演示

Jack 演示了两个版本：

• 版本 A： 纯动画（抓取"高能动性 3 条真理"的概念，做成 10 秒动画）
• 版本 B： 动画 + 网站截图（从 iHighAgency.com 抓了真实网站图片做背景）

Claude Design 自动加了 Jack 的技术栈 logo 在左下角——Jack 没要求，它从 Design System 记忆中知道要这样做。

---

四、Step 3：把成功变成 Skill（重要优化）

Skill 的概念

Claude Code 支持用 /skill-name 触发预置技能。你成功做好的一个动画风格，可以变成一个 Skill 随时调用。

Jack 的做法

在 Claude Code 里：

"This is awesome. I really like the style of the animated version. I'd like you to turn this into a skill so that in future, if I ask you questions to make the same video, you do that exact same thing. Make sure that it is always 5 to 10 seconds and revolves around one single point." （太棒了。我真的很喜欢这个动画风格。把它变成一个 skill。未来我叫你做同样的视频时直接用这个风格。确保永远是 5-10 秒，只围绕一个点。）

结果： Claude 创建了一个 skill，下次 Jack 只要输入 / 就能看到所有 skill，选一个，输入内容，自动生成符合风格的动画。

这是 Design System 之上的第二层抽象：

• Design System： 你的品牌风格
• Skills： 你常做的具体产品模板（动画风格 1、标题卡、下三分之一等）

两层合起来 = 95% 的内容制作自动化。

---

五、Step 4：真实视频编辑——HyperFrames 登场

问题：Claude Design 不做视频编辑

Claude Design 生成的是 HTML 动画。但如果你要：

• 在你录制的视频上加字幕
• 加下三分之一姓名条
• 加 motion graphics
• 换转场

Claude Design 做不到。这是 HyperFrames 的用武之地。

HyperFrames 是什么

开源 repo，由 Hedra AI（做 avatar 的公司）开发。

核心理念： 视频编辑 = HTML / CSS / MP4 / MOV / WebM 输出。

本地运行（在你电脑上），不依赖外部服务（除了 AI）。

能做什么：

• Motion graphics（动态图形）
• Captions（字幕）
• Transitions（转场）
• Lower thirds（下三分之一标签）
• Charts（图表）
• Counters（数字计数动画）
• UI mockups（UI 模型）

最擅长：

• Talking head overlays（访谈画面叠加）
• Tweet → Video（把推文转成视频）
• Code walkthroughs（代码演示）
• PDF 展示
• Promo 短片

工作流

1. 在 GitHub 找到 Hedra 的 HyperFrames repo（[github.com/hedra-ai/hyperframes]）
2. 复制 repo URL
3. 在 Claude Code 新开 session（保持 context 干净）
4. "下载这个 repo，然后帮我编辑 desktop 上的 example.mp4"
5. Claude Code 下载 repo + 读取视频 + 用 HyperFrames 生成你要的效果
6. 输出到本地 localhost 预览
7. 迭代直到满意

Jack 的实际案例

他录了一段 20 秒的"My name is Jack Roberts, and 80% of the time, it's correct all the time"（一句梗）。

让 Claude 做三个版本：

1. Name tag（姓名标签下三分之一）
2. Captions（动态字幕）
3. 完整编辑（综合风格）

Claude 生成了 3 个 HTML 渲染的视频版本，全在 localhost:3000 预览。

想要调整？ "让字小一点、改蓝色、去掉间隙。" 直接用自然语言修改，不用打开任何编辑软件。

---

六、Step 5：音频全自动——Auphonic + API

问题：AI 做视频之后，音频依然糟糕

Jack 录制的手机音频质量差。 传统解决方案：

• Adobe Audition 手动处理
• Descript 订阅
• 雇一个声音工程师

他的做法

1. 去 auphonic.com 注册（支持免费，但 Jack 推荐付费版）
2. Settings → 搜 API → 创建 API Key
3. 回到 Claude Code：

"Now I'd like you to run the entire audio through Auphonic. I'll give you my API key, and then just let me know when that's complete." （现在把整个音频通过 Auphonic 处理。我给你 API key，完成后告诉我。）

Claude Code 自动：

• 调用 Auphonic API
• 上传音频
• 等待处理
• 下载优化后的版本
• 替换到视频里

人工操作 0 次。

这解锁的能力

"The key here is to find something that you'll do replicably that actually works, and then we can automate that and systematize that with Claude Code." （关键是找到一个你重复做且有效的东西，然后用 Claude Code 自动化系统化。）

Jack 的"未来工作流"愿景：

1. 录视频（手机）
2. 文件自动进桌面文件夹
3. Claude Code 监控该文件夹
4. 检测到新视频 → 自动：
   • Auphonic 处理音频
   • 加字幕
   • 加品牌动画
   • 加 lower thirds
   • 导出完成
5. 你一早打开电脑 → 昨晚录的视频已经全套处理完

这不是未来——这是 2026 年已经可以做的事情。

---

七、关键技巧和坑

技巧 1：Opus 4.7 做框架，Sonnet 4.6 改细节

"Opus 4.7 is hungry. Like the hot even with the design thing, it takes so many tokens. What I often recommend is that 4.7 to get the basic structure. And then when it comes to like editing stuff, honestly, Sonnet 4.6 is way more than enough like 99% of stuff." （Opus 4.7 很"饿"——即使做设计也吞大量 token。我建议用 4.7 做基础结构，然后改细节时 Sonnet 4.6 99% 情况下足够。）

翻译成操作：

• 第一次生成（复杂）→ Opus 4.7
• 后续修改（简单）→ Sonnet 4.6
• 省 60-80% 的 token 成本

技巧 2：Esc + B 键查看进度而不打断

Claude Code 有一个隐藏的很棒的功能：

当 Claude 在跑长任务时：

• 按 Esc + B
• 输入一个问题（"你现在在做什么？"）
• Claude 不会中断当前任务，但会告诉你进度

什么时候有用：

• Claude 卡住了（你不确定是还在跑还是死循环）
• 你想知道进度但不想打断它

技巧 3：新 Session 保持 Context 干净

当你开始一个新任务时，新开一个 Claude Code session。

为什么？ 每个 session 的 context 会累积。长对话会：

• 影响响应速度
• 增加 token 成本
• 让 Claude 混淆不同任务

技巧 4：HyperFrames 只输出 1080p

如果你要 4K：HyperFrames 不是选择。

Jack 的实用建议： 1080p 对 95% 的 YouTube/TikTok/Instagram 内容完全够。不要为了虚荣的 4K 放弃全自动工作流。

技巧 5：触及 Claude Design 限额时，切换到 Claude Code

Claude Design 的 token 单独计算，容易爆。

Jack 的解决方案：

1. 在 Claude Design 的设计系统 → Share → 导出为 zip
2. 打开 Claude Code 桌面端
3. "下面这个 Design System zip 文件包含我的品牌规范，把它作为我接下来所有设计的风格基础"
4. 所有 Claude Design 能做的，Claude Code 也能做——只是界面不如 Design 友好。

---

八、实用案例：Jack 目前的内容创作流程

他的日常工作流

1. 脚本阶段： 用 Claude Desktop 写内容脚本（从他的 Obsidian memory 中抽取观点）
2. 录制阶段： 手机录制，或 ScreenStudio 录屏
3. 设计阶段： 用 Claude Design + 自己的 Design System 生成需要的动画（每视频 3-5 段）
4. 编辑阶段： 用 Claude Code + HyperFrames 处理视频（字幕、lower thirds、转场）
5. 音频阶段： Auphonic API 自动处理
6. 导出阶段： 从 Claude Code 输出最终 mp4
7. 发布阶段： 手动上传 YouTube

全流程耗时（对比传统）：

• 传统：8-12 小时一个视频
• Jack 的流程：2-3 小时一个视频

节省的 5-9 小时 = 每周可以多做 2-3 个视频。

Nisha Roe 案例

Jack 提到了一个2 百万订阅的 YouTuber Nisha Roe 作为"可复制模型"：

• 她的动画就是文字 + 高亮（不是 Pixar 级别）
• 风格一致（同一个 Design System）
• 重点简单（一个视觉 = 一个点）

启示： 你不需要做 Pixar 级别的动画。一致 + 简单 + 清晰比"过度设计"好 10 倍。

---

九、对不同创作者的启示

对 YouTuber

• 立刻设置 Design System。 花 30 分钟，一劳永逸。
• 做"一画面一个点"的 10-20 秒动画。 不要追求复杂度。
• 把成功的风格变成 Skill。 下次 / 一下就生成。
• 用 Auphonic API 解决音频——别再手动修剪音频波形。

对 TikTok / Reels 创作者

• HyperFrames 的字幕能力对短视频特别重要。
• 每天 3-5 个短视频完全可行——以前需要 1-2 小时/条，现在 15 分钟/条。

对播客/Podcast

• 用 HyperFrames 做 audiogram（音频波形 + 字幕 + 品牌元素）
• 自动化剪辑到多平台版本（TikTok 竖版、YouTube Shorts、IG Reels）

对营销团队

• Design System 就是"品牌资产管理系统"。
• 可以让 non-technical 员工用 Claude Design 生成符合品牌的视觉资产——不需要雇专业设计师做所有基础工作。

对任何创业者

"The next generation of content is not made by teams. It's made by solo operators with Claude Code." （下一代内容不是团队做的。是单人操作者用 Claude Code 做的。）

---

附录一：金句收录

"Claude code just changed everything about content creation, but most people haven't even realized." Claude Code 刚刚改变了内容创作的一切，但大多数人还没意识到。

"If you think about video as code, anything that can be turned into code, we can use Claude code to accelerate." 如果你把视频当作代码——任何可以被代码化的东西，都能用 Claude Code 加速。

"One screen, one point, very simple, gorgeous sketch style, think kids could draw." 一画面一个点，极简，漂亮手绘风格，想象孩子能画出的那种。

"The longer it gets, the more opportunities it has to go wrong." 越长，出错的机会越多。

"Opus 4.7 is hungry. I recommend 4.7 to get the basic structure, and Sonnet 4.6 for editing stuff—way more than enough for 99% of stuff." Opus 4.7 很饿。我建议 4.7 做基础结构，Sonnet 4.6 改细节——99% 情况下足够。

"Claude Design is basically just a user-friendly version of essentially this monster that sits underneath, which is Claude code." Claude Design 本质上是底层那个怪兽（Claude Code）的用户友好版本。

"The key here is to find something that you'll do replicably that actually works, and then we can automate that and systematize that with Claude Code." 关键是找到一个你重复做且有效的东西，然后用 Claude Code 自动化系统化。

---

附录二：工具/链接清单

• Claude Design：https://claude.ai/design
• Claude Code：桌面端 + 命令行工具
• HyperFrames（开源视频编辑）：https://github.com/hedra-ai/hyperframes
• Auphonic（音频增强 + API）：https://auphonic.com
• 参考 channel（简单动画风格）：Nisha Roe YouTube

---

附录三：时间线索引

• [00:00] 开场：Claude Code 改变了内容创作
• [01:00] Jack 的背景（卖掉 60K 客户的 startup）
• [02:00] Claude Design 基础介绍
• [03:00] 创建 Design System
• [04:00] Design System 的关键字段
• [05:00] 简单动画风格比复杂的 Pixar 级别好（Nisha Roe 案例）
• [05:30] 遇到 Claude Design 限额时切换到 Claude Code
• [06:00] 导出 Design System 为 zip
• [06:30] 动画生成的 Prompt 模板
• [07:00] 给 Claude 参考图片反向工程风格
• [07:30] 两个版本演示（纯动画 vs 动画+网站图片）
• [08:00] 把成功变成 Skill（forward slash 命令）
• [08:30] HyperFrames 介绍
• [09:00] 视频即代码（video as code）
• [09:30] HyperFrames 能做的和不能做的
• [10:00] 下载 HyperFrames repo
• [10:30] 编辑 example.mp4 的三个版本
• [11:00] Opus 4.7 vs Sonnet 4.6 的 token 策略
• [11:30] 1080p 限制
• [12:00] Esc + B 技巧
• [12:30] 三个版本的实际演示
• [13:30] 给字幕版本加 fader
• [14:00] Auphonic API 音频全自动
• [14:30] 结束语：系统化、自动化

---

报告结语

Jack Roberts 这期视频的真正价值不是教你用 Claude Design。

真正的价值是： 展示一个已经可运行的 ​"Claude 内容创作流水线"——从动画到视频剪辑到音频增强，全部跑在 AI 上。

三个最值得带走的认知：

1. Design System 是 1 次投入、长期复利的基础设施。 30 分钟的设置 = 之后 100 个视频的一致性。今天做，明天之后每天都在省。

2. 视频即代码。 任何重复的视频工作（字幕、下三分之一、转场、音频处理）都可以被 Claude Code 自动化。停止用"软件思维"做内容，开始用"代码思维"做内容。

3. Sonnet 4.6 比你想的够用。 不要一直用 Opus 4.7 处理一切——它 20% 更聪明，但 token 成本高 5 倍。先用 Opus 做框架，再用 Sonnet 做执行。

最后一句： 这期视频发布时间是 2026 年 4 月。6 个月前这些技术还不存在，6 个月后它们可能又会被新工具替代。 但​"video as code"的底层思维会持续——这是值得你今天就采纳的心智框架。