这五个视频展示两种代码动画工作流：whaleyxbt 的独立 claude-motion 工具包，以及 HeyGen 的 HyperFrames。每个案例都注明发布者；这是一组研究案例，不是本站客户作品，也不是 Anthropic Motion 作品合集。下文依据作者公开介绍与源项目分析，观看链接指向其原始影片。
1. 爬虫群 — whaleyxbt
作者的 X 帖子包含一段 20 秒视频，工具包的模拟动画 README 解释了构造方式：一个爬虫增加为 256 个，在虚构网站间移动，接触到的文字会产生响应。这是并行工作的视觉比喻，不是真实抓取行动的证据。可研究如何把数量变成空间叙事。制作自己的讲解时，可以用虚构任务队列，依次展示单个任务、多个工作单元，再呈现整个系统。有关规模扩展的主张，应与你实际的数据一致。
2. 从一个用户名到档案 — whaleyxbt
第二段 20 秒 X 视频使用同样的爬虫群，但采用不同叙事。仓库明确说明人物与页面均为虚构；红线把各项信息送入档案。讨论视频时必须保留这个区别。它可借鉴的是信息流：收集到的片段汇聚为有组织的结果。若用于隐私意识教育，应继续使用虚构身份，重点说明分散披露的信息如何组合。不要把这段动画描述为已经验证的调查，或关于真实人物的证据。
3. HyperFrames 发布片 — HeyGen
HeyGen 官方展示库发布了这段宣传片并提供源码。项目把开场、CSS 等视觉技术演示、引擎说明和结尾行动号召拆成多个场景。字幕将 Claude Code 标为视频的制作工具。这是一个编程智能体工作流案例，具体使用 HyperFrames 渲染。可研究承诺、演示和下一步行动如何分开表达。发布片中，让每个场景证明一种能力，比把所有功能塞进拥挤的单帧更有效。
4. 时间轴编辑器 — HeyGen
展示库中的 Timeline editor 视频提供公开源项目。开场提出时间安排困难的问题，后续源码场景把时间轴作为解决方式，并说明节省时间的价值。这是值得参考的产品教育结构：先明确障碍，再展示解决障碍的控制方式。规划类似视频时，展示一次修改前后的准确状态。能够用可见操作更清楚地传达价值时，不要只依赖“简单易用”这样的口号。
5. PR 转视频 — HeyGen
这段影片把一次拉取请求的故事变成简短解释。公开项目包含 PR、阅读变更的难度、摘要、代码、流程、讨论、贡献者与最终行动等场景。它说明工程变更也可以按叙事结构组织。可借鉴顺序，而不要照搬该项目的主张：先说明变化，再展示一个有意义的例子，最后注明贡献者。每项技术描述都应与真实差异对照，避免有说服力的动画变成不准确的发布说明。
观看原作者视频
Crawler swarm作者 whaleyxbt · claude-motion toolkit · 前往来源观看One username to a dossier作者 whaleyxbt · claude-motion toolkit · 前往来源观看HyperFrames launch作者 HeyGen · HyperFrames · 前往来源观看Timeline editor作者 HeyGen · HyperFrames · 前往来源观看PR to video作者 HeyGen · HyperFrames · 前往来源观看下一步行动
观看原片、查看所链接的源项目，再借鉴一种叙事方法。明确署名与证据，让案例比没有归属说明的混剪更有价值。
探索创作工作区资料来源与延伸阅读
引用链接指向原始文档和创作者。产品可用性会变化，订阅或安装前请核对来源。
- Crawler swarm — original videowhaleyxbt
- One username to a dossier — original videowhaleyxbt
- Web sims — construction and fictional-data noteswhaleyxbt
- HyperFrames examples and original video playersHeyGen
- HyperFrames launch — source projectHeyGen
- Timeline editor — source projectHeyGen
- PR to video — source projectHeyGen