做PPT效率低?36套主题47个动效,这个开源工具让AI代劳
我发现一个很有意思的现象:但凡要做技术分享的,打开 PowerPoint 到真正开始写内容,中间至少浪费半小时在纠结用什么模板、字体大小、配色方案。
html-ppt-skill 解决的问题就是这个。
它是个 Agent Skill——装到 AI Agent 里当插件用的。装好之后直接跟 AI 说:做一份微服务架构的技术分享,10 页,暗色主题,要有架构图和代码示例。
AI 自动选模板、主题、布局,输出一份完整的 HTML 文件。双击打开,按 F 全屏,直接演示。
20 天,2600+ Star。核心能力一句话概括:让 AI 帮你做 PPT,输出的是纯静态 HTML,零构建、零依赖。
36 套主题
覆盖了极简、暗色、渐变、科技、出版、柔和、商务等不同风格。从 minimal-white 这种学术极简,到 cyberpunk-neon 的赛博范,再到 xiaohongshu-white 的小红书图文风。
按 T 键可以实时切换主题,方便快速对比效果。
15 套完整模板
从真实项目里提炼。tech-sharing 是 GitHub 暗底风格的技术分享,pitch-deck 是 YC 风格的融资路演,xhs-post 是 3:4 竖版小红书图文,还有一套 presenter-mode-reveal 每页带 150-300 字逐字稿。
31 种布局 + 47 个动效
布局从封面、目录、图表、代码展示到时间线、架构图全覆盖。
动效方面,27 个 CSS 动画适合常规入场,20 个 Canvas FX 做了粒子爆发、星空飞行这种电影级效果。
演讲者模式才是用心的地方
按 S 键弹出独立窗口,四个可拖拽磁吸卡片:当前页预览、下一页预览、逐字稿、计时器。每个卡片是 iframe,通过 BroadcastChannel + postMessage 同步翻页,不白屏、不闪烁。
为什么不做 PPTX?
作者逻辑很清楚:零构建。生成的文件不需要任何软件,浏览器打开就播。HTML 是纯文本,AI 生成和 Git 版本化都比 PPTX 友好得多。
两个限制
目前只能导出 PNG(./scripts/render.sh 配合无头 Chrome 逐页截图),而且改内容要直接编辑 HTML,对不会前端的人有门槛。
不过对于技术团队来说,这项目最大的价值不是少了一个做 PPT 的工具——而是多了一个"把 PPT 用代码管理"的思路。HTML 版 PPT 可以进 Git、可以 diff、可以 CI 检查样式一致性,这些都不是 PPTX 能做到的。
开源地址:https://github.com/lewislulu/html-ppt-skill