做 PPT 这件事,有两个绕不开的痛苦。
一个是丑。你花了半天在 PowerPoint 里调配色、调字体、调间距,最后导出还是一股"Office 模板风",放到大屏幕上总觉得哪里不对。
另一个是慢。写内容要时间,排版要时间,改动画要时间。每次临时要做一个分享,光排版就耗掉大半天。
最近看到一个人做了个挺有意思的东西,叫 html-ppt-skill。
GitHub 地址:https://github.com/lewislulu/html-ppt-skill
简单说,它是干什么的
html-ppt-skill 是一个 Agent 技能,装到你的 AI 工具里之后,你直接说话,它就能生成一套完整的专业 HTML 演示文稿。
不再需要打开 PowerPoint,不需要拖拽元素,不需要调格式。你只需要描述你要什么——比如"做一份 8 页的技术分享,用赛博朋克主题",剩下的全部自动生成。
生成的产物是纯静态 HTML 文件,可以直接用浏览器打开,也可以导出成 PDF,或者接到大屏上做展示。
它有什么
这个工具包挺实在的:
36 套主题:从极简白、杂志风、赛博朋克、到学术论文风格,全部是精心设计的 CSS token 体系。换一套主题,整个演示的视觉风格立刻变样。
15 套完整演示模板:有专门给投资人看的融资路演,有产品发布会,有周报模板,有技术分享,还有专门的小红书图文模板。
31 种页面布局:封面、目录、大段引文、时间轴、路线图、思维导图、代码展示、KPI 表格、甘特图、流程图……每一种都带真实示例数据,直接套用。
47 种动画:27 种 CSS 动画 + 20 种 Canvas 特效,包括打字机、霓虹发光故障特效、粒子爆发、烟花、星空雨、矩阵数字雨等。

最有意思的功能:Presenter Mode
按一下键盘上的 S 键,会弹出一个独立的演讲者窗口,里面有四张可以拖拽的磁力卡片:
- 当前幻灯片
- 下一张预览
- 演讲稿(逐字稿)
- 计时器
两张窗口通过 BroadcastChannel 保持同步,切换幻灯片时不会出现闪屏或者延迟。演讲稿支持"朗读式写作"规范——每个段落 150-300 词,关键词加粗,过渡句单独成段。
这个模式解决了一个很具体的问题:以前做分享,演讲稿要么写在 Word 里和 PPT 对不上,要么写在备注里但没有计时功能。现在全套在浏览器里,一目了然。
怎么用
装上这个技能只需要一条命令:
- npx skills add https://github.com/lewislulu/html-ppt-skill
装完之后,直接在 AI 对话里描述你的需求:
"做一份 8 页的技术分享,用赛博朋克主题"
"把我这份大纲转成一个投资人路演 PPT"
"生成一份 9 图的小红书图文,白底柔和风格"
适合什么场景
技术分享 / 大会演讲
选一套主题,写好内容,导出 HTML,直接投大屏。支持全屏模式(F 键),支持演讲者视图。
产品发布 / 融资路演
有专门的 pitch-deck 模板,视觉风格偏商业但不老土。可以快速搭出一个看起来很专业的路演框架。
内部周报 / 月度汇报
周报模板直接用,配色统一,省去了每次在 PPT 里调格式的时间。
小红书图文
有小红书白底图文模板,3:4 比例,9 张一套,批量生成效率很高。
为什么值得关注
这个工具的核心思路很有意思:把 PPT 的"排版和设计"这个非核心工作,交给 AI 和 CSS token 系统来完成。
传统的 PPT 工具,最费时间的部分其实是"让东西看起来专业"——选模板、调配色、排版、对齐。这些事情消耗大量时间,但对内容本身没有任何贡献。
html-ppt-skill 把这个成本降到了最低。你不需要懂设计,不需要会 CSS,只需要描述你要什么。主题替你选好,配色替你调好,动画替你加好。
如果你经常要做演示文稿,这个工具值得放进你的工作流里。
GitHub 地址:https://github.com/lewislulu/html-ppt-skill