最近翻到一个挺实用的项目,叫 html-ppt-skill。
它解决的问题很直接。
你不想自己从 0 开始排 PPT,也不想让 AI 给你生成一堆又长又丑的 bullet point。
那就把这个 Skill 装到支持 AgentSkill 的工具里,然后直接告诉 AI:
帮我做一份 8 页的技术分享 PPT,用 cyberpunk 风格,带演讲稿。
它就能按现成模板生成一份 HTML 版 PPT。
重点是,它不是只给你一段大纲,而是真的会产出可以打开、可以翻页、可以演示的网页幻灯片。
这玩意儿对经常写汇报、做分享、做小红书图文、做 pitch deck 的人,很有用。
它能做什么
先说结论,html-ppt-skill 适合拿来做这些东西:
| |
|---|
| 技术分享 | 生成 8 到 15 页 slides,带代码页、架构图、演讲稿 |
| 产品发布 | |
| 融资路演 | 做 pitch deck,包含市场、问题、方案、商业模式 |
| 周报月报 | |
| 课程课件 | |
| 小红书图文 | |
项目里已经准备好了很多东西。
36 套主题。
15 套完整 PPT 模板。
31 种单页布局。
47 个动效。
还有一个很实用的 演讲者模式。
按 S 键,就能打开一个演讲者窗口,里面有当前页、下一页、逐字稿和计时器。
如果你要上台讲东西,这个功能很香。
怎么安装
安装方式很简单,一行命令。
npx skills add https://github.com/lewislulu/html-ppt-skill
装好以后,只要你的工具支持 AgentSkill,就可以调用它。
比如:
| |
|---|
| Claude Code | 安装 Skill 后,直接让 Claude Code 做 PPT |
| Codex | 在项目里安装后,让 Codex 根据主题生成 HTML slides |
| Cursor | 如果已接入 AgentSkill,也可以用自然语言调用 |
| OpenClaw | |
你可以把它理解成给 AI 装了一个「做 PPT 的工具包」。
以前你要一句句提示 AI 怎么排版。
现在你只需要讲清楚主题、页数、风格、观众是谁。
最简单的使用方式
安装好以后,直接对你的 Agent 说:
帮我做一份 8 页的技术分享 slides,主题是「如何用 AI Agent 提升研发效率」。观众是程序员,风格用 tokyo-night,内容要简洁,带演讲者逐字稿。
或者:
帮我把下面这段产品介绍做成一份 10 页 pitch deck。面向投资人,风格专业、干净,用 corporate-clean 主题。每一页不要放太多字,重点突出商业价值。
再或者:
帮我做一组 9 张小红书图文卡片,主题是「普通人如何用 AI 做副业」。风格白底、柔和、杂志感,适合手机阅读。每一页一个重点,最后一页引导收藏。
这类需求,它就比较擅长。
你给得越清楚,成品越稳。
推荐你这样提需求
很多人用 AI 做 PPT 效果不好,不是工具不行,而是需求太模糊。
不要只说:
帮我做一个 PPT。
这样 AI 很难知道你到底想要什么。
更好的说法是:
帮我做一份 12 页的技术分享 PPT。主题:从 Prompt 到 Agent,AI 编程工作流的变化观众:有一定经验的程序员风格:深色、科技感、但不要太花用途:30 分钟线下分享要求:每页内容简洁,带演讲者逐字稿,适当加入代码页和流程图页
你看,这样就清楚很多。
我建议每次都把这 5 个信息告诉它:
这 5 个说清楚,基本就不会跑偏太远。
主题怎么选
这个项目内置了很多主题。
如果你懒得研究,可以直接照下面选。
| |
|---|
| 技术分享 | tokyo-night、dracula、catppuccin-mocha |
| 正式汇报 | corporate-clean、minimal-white、swiss-grid |
| 融资路演 | pitch-deck-vc |
| 小红书图文 | xiaohongshu-white、soft-pastel、magazine-bold |
| 赛博朋克风 | cyberpunk-neon |
| 学术报告 | academic-paper |
你也可以直接让 AI 自己推荐:
请根据我的主题和观众,从 html-ppt-skill 的主题里推荐 3 个最适合的风格,并说明理由。
如果做技术分享,我个人最推荐先试 tokyo-night。
深色,稳,不容易土。
两个最实用的例子
第一个例子,做技术分享。
你可以这样问:
使用 html-ppt-skill,帮我做一份 10 页技术分享 slides。主题:为什么 RAG 项目总是做不准观众:AI 应用开发者风格:tokyo-night,深色技术风结构:1. 封面2. 问题背景3. 常见误区4. RAG 的核心流程5. 检索失败的原因6. Chunk 和 Embedding 的取舍7. 重排和引用溯源8. 一个真实案例9. 落地建议10. 总结要求:每页内容简洁,带演讲者逐字稿。适合 30 分钟分享。
这类需求特别适合用 演讲者模式。
生成以后打开 HTML,按 S 键,就可以看到逐字稿和计时器。
第二个例子,做小红书图文。
你可以这样问:
使用 html-ppt-skill,帮我做一组 9 页小红书图文卡片。主题:普通人如何用 AI 做自己的知识库风格:xiaohongshu-white,白底、柔和、清爽比例:3:4要求:每页一个观点,文字不要太多。第 1 页做标题钩子。第 9 页做总结和收藏引导。
这种就不需要演讲者模式。
重点是图文节奏、排版统一、适合手机阅读。
生成以后怎么用
一般来说,Agent 会给你生成一个 HTML 文件夹。
打开里面的 index.html,就能看到 PPT。
常用快捷键有这些:
如果你只是自己汇报,直接打开 HTML 演示就行。
如果你要发给别人,也可以让 Agent 帮你导出成 PNG 或 PDF。
可以这样说:
请把这份 html-ppt 导出成 PNG 图片,每一页一张。
或者:
请帮我检查这份 slides 有没有文字溢出、排版重叠、页面太满的问题。
这一步很重要。
AI 做 PPT 最容易出现的问题,不是内容缺失,而是某几页文字太多,或者排版挤在一起。
生成以后一定要让它检查一遍。
我建议的工作流
如果你想稳定用它做内容,可以按这个流程来:
1. 先写清楚主题、观众、页数、风格2. 让 Agent 生成大纲3. 确认大纲以后,再生成 HTML PPT4. 打开 index.html 看一遍5. 让 Agent 修改太满、太空、太啰嗦的页面6. 需要发布时,再导出 PNG 或 PDF
不要一上来就让它直接生成最终版。
先让它出大纲。
你确认方向没问题,再让它做页面。
这样成功率会高很多。
一句话总结
html-ppt-skill 最适合的人,是那些经常要做 PPT,但不想把时间浪费在排版上的人。
它不是传统 PPT 软件。
它更像是给 Claude Code、Codex、Cursor、OpenClaw 这类 Agent 装上的一个「PPT 制作能力包」。
你负责想清楚要讲什么。
AI 负责把它变成一份能打开、能翻页、能演示的 HTML slides。
对我来说,这就是它最实用的地方,不是炫技,是省时间。
项目地址在这里:
https://github.com/lewislulu/html-ppt-skill
需要的小伙伴可以去尝试一下,一定会有意外的惊喜!