最近在短视频平台上,经常刷到各种风格鲜明的科普视频。仔细一看,很多并不依赖 Sora 这类文生视频模型,而是直接用 Claude Code、Codex 这类编程 Agent 写代码来画动画、生成解说词、配音,最后渲染成片。
代码驱动的视频制作有几个实打实的好处:
- 画面是确定的,哪一帧不对,改对应的代码就行。
- 画面里的数字、文字可以逐条核对,不会莫名多一个零。
- 整套工程能沉淀下来,下次换个选题接着用。

今天就来梳理几个相关的开源项目,覆盖机械原理图解、艺术风格动画、知识讲解全流程,以及底层的渲染框架。

1、Anatomy:原理讲不清,就做一个能动的模型
GitHub: https://github.com/wheresryan22/anatomy
发动机内部怎么运转、缓存怎么命中、限流器如何放行请求…… Anatomy 擅长把这些抽象机制变成能操作的等轴视角模型。零件会动,读数会变,还可以加入 WebGL 特效。

Anatomy 主要输出交互式网页和 SVG,适合嵌进教程,也可以当作视频里的演示画面。配音和剪辑需要另外接入,并不是装完就直接出一条完整视频。
安装命令:
npx skills add wheresryan22/anatomy -g
2、huashu-art-motion:让画面更好看
GitHub: https://github.com/alchaincyf/huashu-art-motion
花叔这个项目整理了数十种艺术风格,以及白板、信息拼贴、动态图表等解说动画的做法。想做梵高风格、像素风,或者让线稿跟着口播逐步出现,都能从中找到参考。

项目还会检查画面的运动量,避免最终成品看起来只是一部会自动翻页的 PPT。部分人物素材需要生图模型提供,代码负责合成与动画。适合已经有口播稿、想把几个重点镜头做出特色的人。
npx skills add alchaincyf/huashu-art-motion
3、anything2explainer:把技术文章做成带配音的讲解片
GitHub: https://github.com/Vincentwei1021/anything2explainer
给它一个主题或一篇文章,它会组织调研、解说词、配音、分镜和动画,最后输出带字幕的讲解视频,支持中文和英文。画面通过 React 和 Remotion 编写,除了成片还能留下源码和制作记录——某个镜头不满意,单独改那一段就行,很适合把技术博客、知识笔记继续做成视频。
安装需要克隆仓库,再按文档放进 Claude Code 或 Codex 的技能目录,同时准备 Node.js、FFmpeg 和 Python 依赖。
4、video-talkcraft:已经有稿子和配音,只差画面,看它
GitHub: https://github.com/Vincentwei1021/video-talkcraft
video-talkcraft 解决的是另一个环节:你已经有口播稿和配音,缺的是画面。给它稿子和一条成品配音(任何 TTS 或真人录音都行),它会把稿子对齐到字级时间戳,再用 Remotion 做出动态字卡、证据截图、运镜和音效,全部卡在人声节奏上。

安装:
npx skills add Vincentwei1021/video-talkcraft
5、HyperFrames:用 HTML/CSS 写视频
GitHub: https://github.com/heygen-com/hyperframes
HyperFrames 是 HeyGen 开源的视频渲染框架,核心思路一句话:用 HTML 渲染视频。画面是带数据属性的 HTML 文件,用无头 Chrome 加 FFmpeg 渲染成 MP4。它自带给 Agent 用的 Skill,引导 Agent 走完规划、写 HTML、添加动画和素材、检查、预览、渲染这一整套流程,字幕、TTS、转场也都包含在内,还支持把文档、PDF、网页直接做成讲解视频。

安装:
npx skills add heygen-com/hyperframes
6、Math-To-Manim:做数学、物理类的视频
GitHub: https://github.com/HarleyCoops/Math-To-Manim
Math-To-Manim 走的是数学、物理类科普的路子,也就是 3Blue1Brown 那种风格。给它一个概念,它会用六个 Agent 分工:分析概念、挖掘前置知识、补充数学细节、设计画面、编排叙事,最后生成 Manim 的 Python 代码。

仓库里提供了 50 多个示例,涵盖勾股定理的可视化证明、布朗运动、量子场论,还有一些机器学习概念。
7、Remotion 官方 Skills:用 React 生成视频
GitHub: https://github.com/remotion-dev/skills
这是 Remotion 官方维护的技能集,涵盖动画、音频、字幕、布局、预览和渲染,相当于给 Agent 配了一套完整的视频开发指南。它适合做数据图表、技术图解和固定栏目——先搭好片头、字幕和动画组件,下一期换文案、换数据就能继续用。
npx skills add remotion-dev/skills
8、OpenMontage:把整条制作流程串起来
GitHub: https://github.com/calesthio/OpenMontage
OpenMontage 管得更宽:研究选题、写脚本、找素材、配音、字幕、剪辑和渲染,都有对应流程。它支持混用代码动画、真实素材和 AI 生成画面,适合需要多种素材来源的知识短片。代价是环境和服务配置更多,用到云端生成服务时还会产生费用。

安装:
git clone https://github.com/calesthio/OpenMontage.git
cd OpenMontage
make setup
如果只是想做个十秒钟的原理动画,可以先用前面几个轻量工具;确定要持续产出视频,再来研究这套完整流程。
第一次上手,建议先选一个自己熟悉的知识点,把时长控制在 30~60 秒。一个问题、一个例子、一段动画,先让大家真正看明白。解说里的内容要自己核对,图片、音色和字体的使用权限也确认一下。
工具能帮你画得更快,但到底讲什么、怎么讲清楚,还得自己搞定。
先别急着研究怎么做百万播放,先让收藏夹里的 Skill 变成咱们的生产力再说。不说了,我先去把那篇写了半年没人看的技术博客,改成视频试试~