Kevin Stratvert 把一个 ChatGPT dot 设成 YouTube 教练：接入 vidIQ，设定日均播放量增长 20% 的目标，在 Space 里共享视频选题，并自动持续跟进。
用 Claude 写代码生成动画讲解视频
Futurepedia 演示 Claude 如何用纯 JavaScript 逐帧绘制画面（音效也由代码生成），再用他免费的 86 种风格图鉴做出讲解视频，还能和配音精准对齐。
Futurepedia · YouTube · 发布于 2026年10月19日 · 内容与创意
▶ 在 YouTube 观看图解
Claude 没有视频生成器，但它能写纯 JavaScript 自己逐帧画出画面，连音效也由代码生成。博主做了一个包含 86 种风格的免费图鉴：把某个风格的提示词复制进 Claude，加上你的主题（还可以加配音文稿），就能得到一支讲解视频。
要解决的问题: AI 做的视频往往一眼就能看出是 AI 做的。动态图形和讲解视频需要独特的风格和音效，而且不依赖文生视频模型。
从风格提示词到讲解视频
- 风格图鉴86 种免费风格，每种都有 15 秒示例讲解视频和音效，全部由代码生成
- 选风格和主题选风格，决定是否带配音，再输入主题或故事
- 可选配音用 Google AI Studio 的 Gemini TTS 生成，再配一份带时间戳的逐词 SRT 文稿
- 复制提示词完整风格提示词，含示例视频的真实代码和你的主题
- Claude 出分镜先给出每个主要镜头的图片；可以关掉丢弃: 你要求在完整生成前修改的内容
- Claude 写 JavaScript用纯 JavaScript 画出每一帧和音效，在示例代码基础上修改
- 讲解视频在浏览器中播放；拖入配音文件即可和文字精准同步
输入设置 / 手动Claude成果
为什么这些提示词结果稳定
- 提示词里包含示例视频背后的全部真实代码，Claude 是在现成基础上修改，而不是从零写。
- 用这些提示词，Sonnet 的效果和 Opus 一样好。
- 只把成品视频当风格参考会丢失很多细节：模型只会分析截图。
关键数字
86图鉴中的风格数
15 秒每种风格的示例
11:20视频时长
自己做一个
不需要 Remotion 或 Hyperframes 这类工具包。Claude 写的是能在浏览器里运行的纯 JavaScript。
- 从视频简介里打开免费风格图鉴，挑一种风格。
- 选择带配音或不带配音，然后输入主题，比如降噪耳机的原理。
- 保持可视化分镜开启，先预览主要镜头；也可以关掉。
- 点击复制提示词，新开一个 Claude 对话，粘贴并发送。
- 确认分镜后，让 Claude 生成完整视频。
- 可以要求修改，比如换配色或放慢节奏；做出满意的自定义版本后，让 Claude 把它做成 skill。
想加配音：先生成配音（博主用的是 Google AI Studio 里的 Gemini TTS），让 Claude 给出逐词 SRT 文稿并粘贴进提示词，最后在成品视频旁加载音频文件。
视频里的小贴士
- 逐词时间戳同步效果最好；按行的 SRT 也行，长视频文件更小。
- 据博主说，同一份提示词放进 ChatGPT 也能用，但效果比 Claude 略差。
- 一切都是代码，所以你一提要求，Claude 就能精确修改。
- 博主为了做这 86 种风格，用量很快就烧完了。
- 花时间打磨一种符合你品牌的风格，再把它存成 skill。
根据视频字幕提炼
怎么上手
- 打开 Claude。
- 复制提示词，把 [方括号] 里的内容换成你自己的。
- 观看 Futurepedia 的视频，了解完整流程和配置方法。
相关用例
Tim 从零用 Python 搭建智能体：你开口说想要什么，它通过 OpenRouter 串联文本、语音、图像和视频生成，分 6 步产出完整的脚本化视频。
Jack 介绍免费的 Replica（11 个 Claude 技能）：读取某个应用的差评，梳理每个界面，重建整个应用，逐条测试流程，并修掉用户最讨厌的问题。
Ben 讲解 Reverse Engineer Anything 的思路，并用三步流程分析自己 6 篇最好和 6 篇最差的简报，重建简报技能，而不是手写一堆步骤说明。
分享
让你的 AI Agent 永不下线，VPS 低至 $21.99/年
赞助想在这里展示你的 AI 工具？ 广告合作 →