一句话看懂：2026 年 11 月 14 日，Haosen 在 X 上盘点了 11 个用于 AI 生成科普动画与讲解素材的开源项目，核心建议是先明确要交付图片、网页还是 MP4，再决定安装哪个 Skill。
事件核心：发生了什么
这份社区盘点覆盖讲解图、交互页面和视频制作三类交付物。Visual Explainer 调用 OpenAI 或 Gemini 图像服务输出信息图；Anatomy 用 SVG、WebGL 或 3D 做可观察的机制插画；HyperFrames 把 HTML/CSS 动画渲染成 MP4；Knowledge Explainer 从分页 Markdown 经 Remotion 输出视频；Manim Skill 面向公式与几何推导。其余项目分别聚焦 HTML 演示、GSAP 插画动画、白板讲解和按任务选模块的 iart 方案。作者提醒成本要拆开算：改代码重渲染通常不重复调用图像或视频生成 API，但 Agent 改代码消耗模型额度，渲染占用机器，画面重生成则产生新费用。
为什么重要
目前公开信息显示，这批项目大多以开源 Skill 或仓库形式存在，而非成熟商业产品，交付物差异很大。它反映出一个现实问题：AI 生成内容的能力已扩散到讲解动画环节，但工具链尚未统一，图像生成、网页动画、视频渲染、配音各环节仍需拼接。对开发者而言，这类 Skill 的连接方式和输出格式，可能比单次生成效果更影响实际可用性。
对用户/开发者/创作者的影响
创作者选型前应先写清交付格式：缺配图做图，发带旁白视频则要预留录音与渲染流程。开发者需注意 Node.js、Python、FFmpeg、Remotion、Whisper 等环境依赖，以及 API Key 和 ElevenLabs 等配音账号额度。科普与技术分享场景可优先试 HTML 演示或 Manim，课堂使用更适合能逐帧控制的渲染框架。
AI 工具推荐
想把多个 AI 模型放在一个入口？
GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。
推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。
值得关注的后续
一是这些仓库是否补齐 MP4 导出与配音链路；二是 HyperFrames 等渲染框架能否成为通用底层；三是图像与视频 API 的生成成本是否随竞争下降。
