制作科普视频不再依赖庞大团队，AI 正通过 Agent Skills 实现自动化动画生成。本文精选 9 个开源项目，涵盖从知识可视化到完整视频工作流的多种解决方案，支持跨 Agent 复用与代码驱动视频渲染。
核心关键词：Agent Skills、跨平台复用、代码生成视频、Remotion、Manim
GitHub 开源项目精选
8 Parts + Conclusion
滑动查看目录
PART 01
认识 Skill
到底是什么
PART 02
看得见的知识
项目 1-3
PART 03
完整动画视频
项目 4-6
PART 04
专业动画工作流
项目 7-9
PART 05
横向对比选型
到底怎么选
PART 06
跨 Agent 复用
Codex·WorkBuddy
PART 07
代码做视频
技术趋势
PART 08
多 Agent 工厂
未来协作
PART ///
写在最后
方法与趋势
科普视频制作的痛点往往不在剪辑，而在将专业知识转化为可视化的脚本与分镜。
传统技术类科普视频制作流程繁琐，需经历概念理解、脚本撰写、分镜设计、动画制作及后期剪辑等多环节，通常由多人团队协作完成。
随着 GitHub 上开源项目的涌现，AI Agent Skills 正在改变这一格局。这些项目并非简单的视频生成工具，而是赋予 AI 掌握特定动画制作方法的能力模块。无论是将技术概念转化为可拆解的 3D 结构，还是将 Markdown 文档直接渲染为 MP4 视频，亦或复刻 Vox、3Blue1Brown 等专业风格，均成为可能。
值得注意的是，这些 Skill 具备跨平台复用潜力。只要运行环境支持相应的 Agent Skill 格式和工具链，Claude Code、OpenAI Codex、腾讯 WorkBuddy、Cursor 及 GitHub Copilot 等主流 AI 编程工具均可加载使用。
下文将深入解析这 9 个代表性项目的技术路线及其在不同 AI Agent 中的应用实践。
01 PART：Agent Skill 本质解析
Skill 既非新的大模型，也非独立的视频软件，而是专为 AI Agent 设计的“专业工作手册”。其标准结构通常包含：
- SKILL.md：定义任务目标、触发条件及执行流程。
- scripts：执行具体操作的脚本文件。
- references：专业知识库、技术文档及参考资料。
- assets：图片、模板及其他素材资源。
当 AI Agent 接收任务时，会依据 Skill 描述判断是否加载，并按既定流程执行。例如，制作数学动画可调用 Manim Skill，制作网页动画则使用 GSAP Skill。
趋势洞察：Skill 正从单一产品功能扩展为跨 AI Agent 复用的标准化能力模块。
Anthropic 推动了 Agent Skills 开放格式的发展，OpenAI Codex、VS Code、Cursor 及腾讯 WorkBuddy 等均提供相应支持。不同平台目录结构如下：
| AI Agent | Skill 目录或使用方式 |
|---|---|
| Claude Code | .claude/skills/ |
| OpenAI Codex | .agents/skills/ |
| 腾讯 WorkBuddy | .workbuddy/skills/ |
| Cursor | .agents/skills/ 或 .cursor/skills/ |
| GitHub Copilot | .github/skills/ 等支持目录 |
Codex 还支持用户级目录 ~/.agents/skills/，实现跨项目能力复用。开发者无需为每个工具重新开发动画能力，只需确保 Skill遵循通用格式且底层依赖兼容，即可实现迁移。
注意：SKILL.md 格式相似不代表完全兼容。部分项目依赖特定命令、API 或专属工具，需根据实际 Agent 环境进行适配。
02 PART：知识可视化方案（项目 1-3）
SKILL 1：Anatomy - 技术概念的结构化拆解
GitHub: wheresryan22/anatomy
Anatomy 摒弃传统的框图连接方式，引导 AI 将抽象技术原理（如 CPU 缓存机制）转化为可交互拆解的 3D 机械结构。主要依托 SVG、JavaScript 及 WebGL 技术构建。
核心价值在于迫使 AI 先理解数据流与工作机制，再设计物理结构，最后进行可视化绘制。适用于计算机系统、网络协议及机械结构等复杂主题的讲解。
提示：AI 生成的机械结构需人工校验物理合理性，但其在表达复杂系统逻辑方面极具潜力。
SKILL 2：Visual Explainer - 文本至知识图解转换
GitHub: ericblue/visual-explainer-skill
专注于静态知识可视化，可将文章、文档转化为白板手绘图、信息图、演示文稿、技术架构图、思维导图及 UI 原型图等多种形态。
工作流程包括分析核心概念、梳理关系及设计视觉布局，而非简单调用图像生成模型。特别适合公众号配图及知识卡片制作。
注意：该项目主要解决静态图解，非完整视频生产工具。
SKILL 3：Knowledge Explainer - Markdown 转动画视频
GitHub: znyupup/knowledge-explainer-skill
基于 Remotion 引擎，实现将 Markdown 文稿自动转换为带动画的 MP4 视频。内置 Title、ContentCard、TwoColumn 等六种基础模板，并允许 Agent 编写自定义动画组件（如双摆混沌、指数增长模拟）。
优势在于让 AI 从套用模板进化为根据内容编写动画逻辑。只要 Agent 能操作目录并执行 Node.js 命令，Codex、WorkBuddy 等均可作为编排入口。
03 PART：完整动画视频生成（项目 4-6）
SKILL 4：Vox Explainer - 自动化纪录片风格短片
GitHub: CK42BB/vox-explainer-skill
输入主题即可自动生成 Vox 风格科普短片。技术栈组合包括 Claude（脚本编排）、xAI TTS（旁白）、Seedream（关键帧）、Gemini（动画）、MiniMax（背景音乐）及 FFmpeg（合成）。
三大设计亮点：
- Voiceover First：先生成旁白并测量时长，据此安排画面节奏。
- Style Anchor：先生成参考画面确立视觉风格，确保后续场景一致性。
- 断点续做：支持单独重生成失败场景，无需全盘重来。
这是一条可管理、可恢复的视频生产流水线，不仅限于 Claude，适配后可由其他 Agent 执行。
SKILL 5：AI Animation - HTML 动画工具箱
GitHub: Unclecheng-li/AI_Animation
提供涵盖 PPT 演示、技术原理、网络协议、动态架构、数据卡片、3D 交互及手机 UI 等多种场景的 HTML/CSS/JS/SVG 动画 Skill。
核心理念是将动画制作经验沉淀为可复用代码库。例如 TCP 握手动画可自动生成客户端、服务器及数据包传输过程。
注意：HTML 页面需配合录屏或渲染工具才能输出为 MP4 视频。
SKILL 6：Manim Skill - 数学科普动画专用
GitHub: adithya-s-k/manim_skill
专为 3Blue1Brown 风格数学动画设计，提供 manim-composer（分镜设计）、manimce-best-practices（社区版规范）及 manimgl-best-practices（OpenGL 原版规范）三类能力。
适用于神经网络反向传播、梯度变化等需精确表达公式与几何关系的场景。运行依赖 Python、Manim、LaTeX 及 FFmpeg，不绑定特定 Agent。
04 PART：专业动画工作流（项目 7-9）
SKILL 7：iArt Explainer Video Skills - 多元化工作流
GitHub: iart-ai/explainer-video-skills
将视频制作拆分为五种独立 Skill：讲解短片、年度数据回顾、流程图动画、白板手绘及等距 2.5D 动画。根据不同知识类型选择最佳视觉表达方式，如架构图用 diagram-animation，数据回顾用 wrapped-video。
SKILL 8：Animated Explainer Skills - Kurzgesagt 风格
GitHub: BusyBee3333/animated-explainer-skills
利用 HTML 和 GSAP 制作具有专业节奏感的科普动画，涵盖分层视差、角色动画、SVG 变形及旁白同步等技术。核心优势在于将动画制作经验沉淀为明确的检查规则，输出 HTML 动画后可渲染为 MP4。
SKILL 9：Whiteboard Explainer - 手绘风格动画
GitHub: brandonvant/claude-skill-whiteboard-explainer
模拟 VideoScribe 风格，通过 HyperFrames 渲染 HTML 至 MP4，结合 Whisper 提取旁白单词级时间戳，控制手绘动画出现节奏，实现音画同步讲解。依赖 Pillow 进行图像处理及 TTS 生成语音。
注意：仓库名含 Claude 不代表技术绑定，修改专属命令后可迁移至其他环境。
05 PART：项目横向对比与选型指南
| 项目 | 主要输出 | 技术路线 | 最适合场景 |
|---|---|---|---|
| Anatomy | 交互式 3D 图解 | SVG、WebGL | 复杂结构讲解 |
| Visual Explainer | 静态知识图解 | 图像生成 | 公众号配图 |
| Knowledge Explainer | MP4 | Remotion | 文稿转动画 |
| Vox Explainer | MP4 | 多模型、FFmpeg | 纪录片式科普 |
| AI Animation | HTML 动画 | HTML、CSS、JS | 技术演示 |
| Manim Skill | 数学动画 | Python、Manim | 数学科学 |
| iArt Skills | 多类型动画 | 多种动画工作流 | 专业讲解视频 |
| Animated Explainer | HTML 动画 | GSAP、SVG | 高表现力科普 |
| Whiteboard Explainer | 白板动画 | HyperFrames、Whisper | 手绘知识讲解 |
选型建议：
- 文章转图解：Visual Explainer
- Markdown 转视频：Knowledge Explainer
- 全自动科普短片：Vox Explainer
- 数理科学动画：Manim Skill
- 高技术演示：AI Animation
- 高表现力科普：Animated Explainer
- 手绘风格：Whiteboard Explainer
- 3D 结构拆解：Anatomy
- 多类型流程搭建：iArt Skills
06 PART：跨 Agent 复用兼容性分析
Agent Skills 的跨平台复用需关注三个层级：
- 文件格式兼容：标准 SKILL.md 可被 Codex、Claude Code 等读取，仅需调整存放目录（如
.agents/skills/或.claude/skills/）。 - 工具调用兼容：需将特定 Agent 的专属命令替换为目标平台支持的通用脚本或工具接口。
- 底层环境兼容：需确保目标环境已安装 Remotion (Node.js)、Manim (Python)、FFmpeg 等依赖，并配置好必要的 API Key。
最佳实践：Skill 描述工作流程，scripts 执行具体任务，Agent 负责需求理解与调度，以实现最大程度的复用性。
07 PART：技术趋势：代码驱动视频生成
相较于直接生成视频的多模态模型，AI 编写代码生成视频在精确控制方面具有显著优势：
- 文字、数字及公式准确无误。
- 图表数据真实可靠。
- 动画时间轴精确可控。
- 支持局部修改与模板复用。
2026年10月发布的 VibeVideoBench 研究显示，尽管代码生成视频能力仍在演进中，部分任务存在渲染超时等问题，但其在全链路视频生产中的潜力已得到验证。未来视频生产将是脚本、素材、时间轴、渲染与质检的综合协作过程。
08 PART：未来展望：多 Agent 协作工厂
未来的 AI 科普视频生产系统可能由多个 Agent 协同完成：
- Codex：负责代码生成与动画工程构建。
- WorkBuddy：负责企业内部资料整理、脚本协作及任务管理。
- Claude Code：负责复杂代码实现与调试。
落地仍需解决任务交接、文件共享、依赖管理及成本控制等工程化问题。
/// LAST：结语
这九个项目标志着动画制作方式的根本性变革。AI 不再仅仅是内容生成者，更开始掌握生产内容的方法。通过 Anatomy、Manim、Remotion 及 Vox Explainer 等工具，抽象概念得以结构化、公式得以动态化、文稿得以视频化。
随着 Claude Code、Codex、WorkBuddy 等工具对 Agent Skills 的支持日益完善，专业的动画制作能力正成为一种可复用、可迁移的标准资产。未来，人类创作者将更专注于知识研究、创意构思与质量把关，而繁琐的制作流程将由 AI 团队高效协同完成。