做科普视频要一整个团队?让AI自己做动画。GitHub上出现了一批开源项目,通过Agent Skills让AI掌握不同类型的动画制作方法——有的可以把技术概念变成可拆解的3D机器,有的可以把Markdown文稿变成MP4,还有的能制作类似Vox、3Blue1Brown、Kurzgesagt风格的科普动画。

这些Skill不限于Claude专属,Claude Code、OpenAI Codex、腾讯WorkBuddy、Cursor、GitHub Copilot等工具,只要运行环境支持相应格式和工具链,都有机会复用这些开源能力。
Agent Skill到底是什么
Skill不是新的大模型,也不是独立的视频生成软件,而是给AI Agent准备的专业工作手册。一份典型的Skill包含:
- SKILL.md:定义任务、使用条件和执行流程
- scripts:执行具体工作的脚本
- references:专业知识、技术文档和参考资料
- assets:图片、模板和其他素材
Skill正在从单一产品的功能扩展,变成跨AI Agent复用的能力模块。Anthropic最早推动了Agent Skills开放格式,随后Codex、VS Code、Cursor、腾讯WorkBuddy等纷纷支持。
第一类:把抽象知识变成看得见的东西
1. Anatomy — 把技术概念变成可拆解的3D机器
不再画抽象框图,而是让AI发明一台能够表达原理的机器。例如把CPU缓存转化成一套机械结构,通过旋转、拆解和交互展示内部工作过程。依赖SVG、JavaScript构建图形,复杂效果可用WebGL。
2. Visual Explainer — 把文字变成专业知识图解
把文章、技术文档转化成白板手绘图、信息图、演示文稿、技术架构图、思维导图、UI原型图等不同风格的视觉内容。不是简单交给图像模型,而是先分析核心概念和关系,再设计视觉布局。
3. Knowledge Explainer — Markdown生成动画视频
用Remotion作为核心渲染引擎,把Markdown文稿自动转换成带动画的MP4视频。内置Title、ContentCard、TwoColumn、Triangle、BeforeAfter、Outro六种基础模板,更允许Agent自己编写动画组件。完整链路:物理公式→数值积分→动画展示。
第二类:让AI直接制作完整动画视频
4. Vox Explainer — 自动生成Vox风格短片
给AI一个主题,自动完成整条Vox风格科普短片。技术组合:Claude/Codex负责脚本和任务编排,xAI TTS生成旁白,Seedream生成关键帧,Gemini生成动画,MiniMax生成背景音乐,FFmpeg合成视频。
三个关键设计:
- Voiceover First:先生成旁白,测量语音时长再安排画面
- Style Anchor:先生成参考画面,后续场景沿用同一视觉风格
- 断点续做:某个场景效果不好可单独重做,不必整条视频重做
5. AI Animation — HTML动画Skill工具箱
覆盖PPT演示、技术原理动画、网络协议可视化、动态架构图、数据卡片、3D交互、手机UI动画、科普视频场景等。核心技术围绕HTML、CSS、JavaScript、SVG和相关动画库。
6. Manim Skill — 3Blue1Brown风格数学动画
专门针对数学和科学动画。提供manim-composer(研究主题、设计分镜)、manimce-best-practices(社区版规范)、manimgl-best-practices(原版OpenGL规范)三类能力。适合用程序精确控制公式、向量和几何关系。
第三类:专业动画工作流
7. iArt Explainer Video Skills — 五种专业动画工作流
拆成五种独立Skill:explainer-video(讲解短片)、wrapped-video(年度数据回顾)、diagram-animation(流程图和架构图动画)、whiteboard-animation(白板手绘动画)、isometric-animation(等距2.5D动画)。
8. Animated Explainer Skills — Kurzgesagt风格科普动画
使用HTML和GSAP制作专业科普动画,关注动画节奏感。涉及分层视差、角色动画、SVG图形变形、动画重叠检测、旁白和场景时间同步。
Github:https://github.com/BusyBee3333/animated-explainer-skills
9. Whiteboard Explainer — VideoScribe风格手绘动画
白色背景上,一只手拿着笔一边讲解一边画图。利用Whisper提取旁白单词级时间戳控制绘制动画,配合HyperFrames渲染MP4、Pillow处理图像、TTS生成语音。
Github:https://github.com/brandonvant/claude-skill-whiteboard-explainer
横向对比选型
| 项目 | 主要输出 | 技术路线 | 最适合场景 |
|---|---|---|---|
| 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 | 手绘知识讲解 |
跨Agent复用:三层兼容
第一层:Skill文件格式兼容。如果项目使用标准SKILL.md,Codex、Claude Code等支持该格式的Agent就有机会读取。目录结构不同(.agents/skills/、.claude/skills/、.workbuddy/skills/),但核心内容可保持一致。
第二层:Agent工具调用兼容。部分Skill使用特定Agent的专属命令,需要改成对应Agent支持的工具或脚本。
第三层:底层运行环境兼容。Remotion需要Node.js,Manim需要Python和LaTeX,GSAP需要浏览器环境,FFmpeg需要正确安装——这些依赖不会因更换AI Agent而自动消失。
为什么AI开始用代码制作视频
两种路线解决不同的问题:
模型直接生成视频:画面表现力强,但在数学公式正确性、图表数字准确性、文字稳定性、业务逻辑精确性、旁白与视觉同步等方面仍有困难。
AI编写代码生成视频:文字和数字精确可控,图表按真实数据生成,动画时间轴精确编排,出问题可单独修改,同一模板可重复使用。
2026年10月发布的VibeVideoBench研究,对多模态Agent使用代码生成视频的能力进行了测试,239个任务累计分析2151次生成结果。即使表现最好的系统也未做到所有任务完全满足要求,部分失败来自视频渲染超时或未完成。
写在最后
这九个项目最让人印象深刻的,不是它们能生成多炫酷的动画,而是它们正在改变动画制作的方式。过去需要人分别掌握脚本、设计、动画、配音和剪辑,现在AI Agent已经能够调用不同的专业Skill完成其中越来越多的工作。
真正值得期待的,不是某个AI Agent学会了做动画,而是我们可以把一套专业的动画制作能力沉淀成Skill,在不同AI Agent之间复用。未来,人只需要负责知识研究、内容创意和最终质量把关,剩下的脚本、分镜、素材、动画和渲染,都可以由AI团队协作完成。
苏米注:AI不只是帮我们生成内容,而是开始掌握生产内容的方法。这才是Agent Skills最本质的价值。