你尝试让AI帮你制作PPT时，大概率遇到过这样的状况：配色刺眼、排版仿佛直接用Word 2003的艺术字拼凑而成，动画效果恨不得把所有特效一股脑全加上。但问题其实不在AI本身——它缺少趁手的工具来呈现真正的专业水准。

今天要介绍的这款开源项目html-ppt-skill，正是专门填补这一短板的方案。它绝不是普通的模板仓库，而是一套完整的Agent Skill，能让Claude Code、Cursor、OpenClaw等AI助手真正理解如何打造一份“能打”的HTML演示文稿。

项目介绍

这是一套专业级的Agent Skill，核心目标在于让AI生成真正拿得出手的HTML演示文稿。目前它内置了36套主题、15套完整的deck模板、31种页面布局、47种动效（27个CSS动画+20个Canvas特效），还全新开发了演讲者模式——包含像素级精准的预览、逐字稿提词器和计时器。整个项目基于纯静态的HTML/CSS/JS，无需任何构建工具。在GitHub上，该项目已收获了5.4k个Star。

项目结构非常清晰，核心入口是SKILL.md文件，附带详细的英文和中文说明文档。所有参考文档均存放于references/目录下，涵盖主题、布局、动画、完整deck模板、演讲者模式使用指南以及完整的创作工作流程。资源文件集中在assets/目录，包含基础CSS、字体、运行时Ja vaScript、各主题样式文件和动画模块。模板部分提供了从最小起步模板到各类展示模板，再到完整的多页deck模板及单页布局文件。此外，项目还包含脚手架脚本、截图验证工具和一个完整的示例deck。

一行命令，AI瞬间拥有设计能力

安装过程简单得令人难以置信：

npx skills add https://github.com/lewislulu/html-ppt-skill

或者直接将整个项目下载，导入到你的AI助手的skills中。安装完成后，AI助手将立即获得以下能力：

• 36套专业主题——从极简白到赛博朋克，从学术论文到小红书图文，覆盖各类场景。
• 15套完整deck模板——投资人pitch、产品发布会、技术分享、周报……全场景即用。
• 31种单页布局——封面、目录、两栏三栏、大引用、数据仪表盘、代码块……几乎覆盖你所需的每一种版式。
• 47个动效——27个CSS动画加上20个Canvas电影级特效。

现在，你只需对AI说一句话，就能获得一整套完整的HTML幻灯片。

杀手级功能：演讲者模式

这一功能值得特别关注。在任何deck里按下S键，会弹出一个独立的演讲者窗口，内含4个可自由拖拽、调整大小的磁吸卡片：

• 当前页预览
• 下一页预览
• 逐字稿
• 计时器

两个窗口通过BroadcastChannel实现双向同步翻页，延迟近乎为零。更巧妙的是，预览卡片采用