Nikola：把话题变成手绘讲解视频的 Codex Skill
Nikola: A Codex Skill That Turns Any Topic Into Hand-drawn Explainer Videos
📌 项目地址：https://github.com/hi-nikola/hand-drawn-explainer-video-nikola
如果你想让 AI 帮你做一段”老师在黑板上边讲边画”的视频，这个项目可能正是你要找的东西。
hand-drawn-explainer-video-nikola 是一个 Codex Skill，把话题、脚本或字幕文件（SRT）转成真实可用的手绘讲解动画 MP4，附带字幕、时间轴和可编辑素材。目前已有 134 Stars，Apache 2.0 开源。
两条生产路径
Nikola 区分了两种完全不同的动画类型，而不是用一套方案搞定所有场景。
路径一：逐笔故事动画
这是”真正的手绘”——每一笔按顺序画出来，而不是静态手绘图片的平移。支持三种场景结构：
- 单场景：一个连续画面讲完一个知识点
- 多幕故事：多个场景串联，有起承转合
- 双语义岛：屏幕左右各一个主题，同步推进对比
视觉风格上可以选：奇怪小黑（白底极简线稿）、Q 版人物（chibi 角色）、或自定义手绘风格。
路径二：程序动画
用 HTML/SVG/GSAP 生成，适合需要精确排版的内容：流程图、关系图、知识卡片、文字动效。当内容是”讲原理”而不是”讲故事”时，程序动画往往比手绘更清晰。
技术架构
| 组件 | 说明 |
|---|---|
| Python 3.10+ | 主控流程 |
| FFmpeg/FFprobe | MP4 合成与音视频处理 |
| Node.js + 浏览器 | 程序动画渲染 |
| HyperFrames | 多轨合成 |
| VolcanoEngine LiuFei TTS | 默认配音（zh_male_liufei_uranus_bigtts，Seed TTS 2.0） |
无需本地模型运行笔触渲染。图像生成和语音合成依赖外部服务，但不在仓库内存储任何 API Key。
项目明确拒绝”系统级低质量 TTS”，默认用火山引擎的流畅男声，这一点在同类项目里比较少见——大多数开源视频生成工具在配音上凑合，Nikola 把它当成一等公民。
触发词示例
作为 Codex Skill，通过自然语言触发：
边讲边画，讲一下量子纠缠→ 逐笔叙事风格先画左边介绍牛顿，再画右边介绍爱因斯坦→ 双语义岛小黑、怪诞风格，白底，画一个关于 TCP/IP 的短视频→ 奇怪小黑风格做一个流程卡片，展示用户注册流程→ 程序动画
已有示例
README 中展示了三个实际产出：
《约法三章》 — 38.5 秒，16:9，七幕连续场景，展示多幕故事结构 Steve Jobs 传记 — 57 秒，Q 版人物 + 双语义岛结合 “What is Skill” — 14 秒，纯程序动画，流程卡片 + 角色动效
为什么值得关注
知识讲解视频的需求一直存在，但生产成本极高——脚本、配音、动画三个环节都需要专业人力。Nikola 的思路是把整条链路交给 Codex Skill 自动化，从一句话输入到可用 MP4 全程不出 agent。
两条路径的区分（故事 vs. 程序）说明作者对场景做了认真思考：不是”万能魔法棒”，而是根据内容类型选对工具。这种克制反而让它更可靠。
© 2026 Author: Mycelium Protocol. 本文采用 CC BY 4.0 授权——欢迎转载和引用，须注明作者姓名及原文链接，不得去除署名后以原创发布。
📌 GitHub: https://github.com/hi-nikola/hand-drawn-explainer-video-nikola
Nikola is a Codex skill that converts topics, scripts, or SRT files into authentic hand-drawn explainer MP4 videos — subtitles, timelines, and editable assets included.
134 Stars, Apache 2.0, active since September 2026.
Two Production Paths
Stroke-by-Stroke Narrative
Real sequential drawing — each stroke appears in order, not a panned static image. Three scene structures: single scene, multi-act story, and dual semantic islands (two topics drawn side-by-side simultaneously). Visual styles include xiaohei minimalism (white background, clean line art), chibi characters, or custom hand-drawn.
Procedural Animation
HTML/SVG/GSAP rendering for content requiring precise layout: flowcharts, relationship diagrams, knowledge cards, text animation. Best when the content explains a process rather than tells a story.
Tech Stack
Python 3.10+, FFmpeg, Node.js + browser renderer, HyperFrames compositing, and VolcanoEngine LiuFei TTS (zh_male_liufei_uranus_bigtts, Seed TTS 2.0) for voiceover. No local models required for stroke rendering.
Why It Matters
Explainer video production is expensive: script, voiceover, and animation each require specialist work. Nikola automates the full pipeline inside a Codex skill — one natural-language prompt to a usable MP4. The two-path design (narrative vs. procedural) shows real thought about when each approach fits, rather than a one-size-fits-all magic wand.
© 2026 Author: Mycelium Protocol. Licensed under CC BY 4.0 — free to share and adapt with attribution.
关于本站 · 免责声明
🍄 Mushroom Research Blog 是非营利、免费公开的个人科技观察博客与公众号 XStack18，不接受商业合作、不代表任何企业或机构立场，也不谋求商业利益。我们以个人视角客观中立地记录和分析 AI、Web3 等领域的最新模型发布与技术动态——不止转述新闻标题或二手信息，而是给出有独立思考的深入分析，希望帮更多人获得有价值的一手科技认知。
⚠️ 文中介绍的开源代码与模型，仅供学习交流与技术借鉴。它们大多仍处于早期阶段，有待进一步研究和验证，请勿直接用于工作或生产环境；如需采用，请先自行充分测试，并核实其许可证与安全性。
Open-source code and models featured here are shared for learning and reference only. Most are early-stage and still need further study and verification — please don't use them directly in your work or in production. Test them thoroughly and check their licenses and security first.
- 本站文章均为作者基于公开信息的个人研究与观点整理，不代表文中提及的任何公司、产品、模型的官方立场，未与其构成商业关联或合作关系。
- 科技行业信息更新极快，我们尽力保证内容准确、及时，但不对完整性、实时性做绝对保证，具体请以相关企业/项目官方公告为准。
- 文中引用的第三方商标、产品名称、图片、数据等版权归原权利人所有，我们会尽量注明来源；如你认为存在版权疑问或侵权，请通过下方邮箱联系我们，收到通知后会尽快核实处理（更正、加注来源或删除）。
- 文章内容仅为技术科普与个人观点，不构成投资、法律或其他专业建议，据此进行任何决策的后果需自行判断和承担。
📮 侵权 / 勘误 / 合作咨询：hello@mushroom.cv
💬 评论与讨论
使用 GitHub 账号登录后发表评论