最近刷视频,发现很多博主的 PPT 也太好看了!动画流畅、特效炫酷、风格统一,每一页都能截图当壁纸,很想知道是怎么制作的。
这种 PPT 特效如果手动做的话,光调一个动画就要折腾半天,还有各种颜色、特效等都很麻烦。
最近逛 Github 时,我发现一个堪称「PPT 界的王炸」开源项目:html-ppt-skill,彻底解决了我的困惑,原来做 PPT 已经这么高效了。
这个项目目前 Github 上已经有 6.2K 的 stars 了,已经有很多人在使用了。
这个项目本身是一款专业级的 AgentSkill,可以让 AI 根据你的需求做出真正专业级的 HTML 演示文稿。
目前,项目包含了
① 🎨 精美主题 36 套
② 📑 完整 Deck 模板 15 套
③ 🧩 单页布局 31 种
④ ✨ CSS 动画 27 个
⑤ 💥 Canvas 特效 20 个
从极简白到赛博朋克,从学术论文到小红书图文,应有尽有。而且它生成的不是传统 PPT 文件,而是 HTML 演示文稿——纯静态,开箱即用,浏览器双击就能打开。
下面我来本地演示一下,快速制作一份 html ppt。
第一步:安装 Skills
打开终端,一行命令搞定:
npx skills add https://github.com/lewislulu/html-ppt-skill
这个大家应该都会吧,新建一个项目文件夹,打开命令行直接输入就行。
第二步:打开 AI Agent
打开你自己本地的 AI Agent,比如 Claude Code、Cursor、Codex、WorkBuddy 等等都行。下面我以
Claude Code 为例演示,我接入的是 DeepSeek:
打开 Claude Code 后,给出需求信息就行,比如我就让它: 做一份 8 页的技术分享 slides,用 cyberpunk 主题,我要分享这个 html-ppt-skill
第三步: 等待 AI 干活结束
之后就不用管了,AI 会自动调用 skills 里的模板、布局和动画,帮我们自动生成一整套精美 html 页面:
等 AI 干完活后,就会在项目目录下生成最终的 html ppt 文件,如下所示:
我们只需要双击打开即可,会自动用浏览器打开这个文件,下面截了几张图:
实际上背景是有动态特效的,大家可以根据自己的喜好按需修改。
另外,这个项目还支持了演讲者模式,按 `S` 键即可进入演讲者模式,如下所示:
演讲者模式,将屏幕分成了四块,左上角为 PPT 演示播放块,右上角为下一页区块,左下角为 PPT 的演示注释,演讲者就不怕忘词了。最后一块为时间记录,让演讲者注意时间长度。
大家在做 PPT 时,有时不知道自己想要什么主题,想看看各个主题是什么样子的,这里大家可以打开项目的 templates 里的 them-showcase.html 就行:
一共有 36 个主题,按空格键会切换下一个主题:
左上角为主题名字,AI 创作的时候给到主题名字就行了。
对于动画特效,也在 templates 里面,如下:
打开后是如下,一个一个特效展示的:
如果想要看全部的,我自己让 Claude Code 帮我将所有动画特效整合为一个文件了:
页面如下,所有特效一起预览:
html-ppt-skill 让我最惊喜的点,不是它有多炫酷,而是它让 AI 真的理解了「好看的幻灯片」长什么样。你不需要懂 CSS、不需要会设计,只要说出你的需求,AI + Skill 就帮你搞定了。
好了,感兴趣的小伙伴赶紧去试试吧!以后老板让你做 PPT ,只要一个命令就搞定了!