做工作分享、路演或者小红书图文时，最头疼的就是做PPT吧？改一次主题就得重来，动画调半天，做好了还得各种导出……效率低得让人崩溃。
做PPT的Claude skill已经很多了，各路大佬都分享过自己的方案，到Github上就能搜到很多开源方案。刚才又发现一个新开源的AI PPT方案：html-ppt-skill。它专为AI Agent（尤其是 Claude Code、OpenClaw、Cursor等）设计，是一个纯HTML/CSS/JS幻灯片生成系统。只要一句话的主题提示，就能：自动生成大纲、选风格主题、配布局、加动画，最后输出一个能在浏览器里直接打开的专业演示文件。
大概试用了一下，觉得这套工具值得分享。今天这篇文章就来聊聊它的实现方式和具体用法，希望能帮到同样被PPT折磨的你。
一、这个项目是什么？能做什么？
html-ppt-skill本质上是一套零构建、纯静态的HTML演示文稿工具包，核心是为AI提供“技能包”，让AI能像前端工程师一样，快速生成高质量的网页幻灯片。
项目亮点：
- • 36套主题：从极简白底（xiaohongshu-white）、柔和马卡龙（soft-pastel），到赛博朋克（cyberpunk-neon）、学术论文风（academic-paper）、VC融资路演风（pitch-deck-vc）应有尽有。换主题只需改一行CSS，整个Deck演示文件瞬间换新颜。
- • 31种单页布局：封面、目录、时间线、思维导图、KPI卡片、甘特图、对比图、代码块、图表等，日常场景全覆盖。
- • 27种CSS动画 + 20种Canvas特效：粒子爆炸、星空矩阵雨、知识图谱力导向、打字机、3D翻页……效果接近视频级，但都是轻量实现。
- • 14套完整模板：直接可用的小红书9张图文模板、技术分享模板、周报模板、产品路演模板等。
- • 导出灵活：生成的是纯HTML文件，可直接分享；支持一键渲染成PNG图片，完美适配小红书/朋友圈图文。
它不像传统PPT那样依赖软件，而是“Agent友好”的设计：AI拿到你的需求后，会自动调用这些资源，输出结构化、风格一致的完整幻灯片。安装只需一行命令，真正做到了“说需求，AI干活”。
二、详细使用方法，很简单
1. 安装Skill（只需一步）
在支持 AgentSkill 的环境中（Claude Code、Cursor 等）运行：
npx skills add https://github.com/lewislulu/html-ppt-skill
安装完后，AI就“学会”了这个技能，后续对话里直接用就行。
2. 最简单的一句话生成法（推荐）
直接给AI发提示要求，例如：
- • “做一份8页的技术分享slides，用cyberpunk主题，加入知识图谱动画”
- • “做一份小红书9张图文，白底柔和风，主题是AI分享，风格杂志感”
- • “把下面的大纲转成pitch deck，用sunset-warm主题”
接到需求后，AI会自动：
生成后，你只需把HTML文件保存下来，双击用浏览器打开，就能全屏演示。键盘快捷键也很人性化：
3. 还想手动微调或自定义？
- • 下载仓库模板文件夹（templates/）里的现成Deck文件，直接复制修改内容保存。
- • 换主题：看网页源代码，改
<link> 标签指向 assets/themes/ 下的CSS文件。 - • 加动画：比如给元素加 class=“animate-xxx” 或 data-fx=“粒子特效名”。
- • 导出图片：直接运行仓库自带的
./scripts/render.sh 脚本，可以一键转PNG。
整个过程不需要Node.js构建，不依赖任何在线服务，纯本地运行，隐私安全。
三、体验与分析
优点（根据测试和社区反馈总结）：
- • 效率爆炸：以前手动做8页PPT至少1-2小时，现在2分钟提示 + 1分钟微调就搞定。
- • 视觉专业：主题和动画设计感强，尤其是小红书风和路演风，拿出去直接能用，不像早期AI生成的那种“模板味”。
- • 一致性高：多页之间风格、字号、配色不会乱（这是很多纯AI生成PPT的痛点）。
- • 便携性强：HTML文件几KB到几十KB，发邮件、发微信、上传网页都方便。
- • 开源免费：MIT协议，社区还有更多持续贡献的新模板。
缺点（不足）：
- • 依赖AI模型质量（Claude当前表现最好，GPT系列可能需要更精细提示）。
- • 输出是HTML，不是 .pptx，不懂简单网页编辑的稍微不友好。如果老板非要可编辑的PPT文件，还需额外转（目前支持PNG导出，pptx转换要靠其他工具）。
- • 动画虽多，但复杂交互（如实时图表联动）可能还是不如专业软件成熟。
- • 新手第一次用可能需要熟悉提示词技巧，模板虽多但中文优化还在迭代中。
总体评价：它肯定不能完全替代PowerPoint，而是解决“80%的日常PPT场景”。如果你是开发者、产品经理、独立创作者，或者经常做分享/图文，这套工具能把你从重复劳动里解放出来。
四、使用建议（干货）
- 1. 提示词写法：越具体越好。建议结构：“做X页[场景]，用[主题]风格，包含[具体布局/动画]，内容大纲是……”。多试几次，AI就会越来越懂你的审美。
- ◦ 小红书/抖音图文 → 最高优先（9张白底模板超香）
- ◦ 结合其他Claude Skill（如前端组件库），让PPT里嵌入更多可交互图表。
- ◦ 生成后用Figma或浏览器DevTools进一步微调细节，可以更高级。
- ◦ 想批量做系列内容？先做一个母版模板，再让AI按系列风格批量生成。
- 4. 替代方案对比：如果需要原生PPTX，可以看看danny0926/ppt-skills（手绘风）；追求更重交互的，可以试试reveal.js系工具。但在“AI一键 + 好看 + 轻量”这个维度上，html-ppt-skill可能是目前顶尖选择了。
GitHub仓库链接： https://github.com/lewislulu/html-ppt-skill安装一行命令，提示一句话，你会发现原来PPT也可以这么丝滑。
（本文基于GitHub最新仓库信息及社区反馈、实测撰写，工具迭代较快，建议以官方README为准。）
