html-explainer

说一个主题，让 AI 编程助手在本机做出带配音、字幕和封面的讲解视频的 Skill。

生态: Agent Skills
Skill 分类: 教育
创建者 / 机构: OneMoh

它是什么

html-explainer 是 GitHub 用户 OneMoh 开源的 Agent Skill。你给出一个主题，比如"天空为什么是蓝的"，AI 编程助手会查资料、写旁白稿、合成配音，再按语音的时间点把画面做成网页动画，逐帧渲染后合成 MP4。成片带逐词对齐的硬字幕和进度条，另外生成横版、竖版和 3:4 三种封面，以及一份质量检查报告。项目说明称内置 23 套视觉风格模板，README 说支持 Claude Code、Codex、Cursor、Gemini CLI、GitHub Copilot 等遵循 Agent Skills 约定的工具。

适合谁：想做知识科普、概念讲解类短视频的创作者。它做的是动画讲解，项目说明写明不适合真人实拍剪辑和真人配音。

使用前提：需要会在 AI 编程助手里装 Skill，电脑上要有 Python 3.9 以上、Node.js 18 以上、Chrome 或 Edge 浏览器和 ffmpeg，安装脚本会补装缺少的依赖。每条视频渲染时大约占 2GB 硬盘。默认配音用 edge-tts，项目说明称免费、不需要 API 密钥，只有内置的中文和英文声音；改用火山引擎语音合成 2.0 需要自备 API 密钥，按字数收费。文档以简体中文为主，另有英文版。MIT 许可证。

以上根据项目公开说明整理，本站没有实际测试。