html-ppt-skill是什么
你是否曾想过，演示文稿也能用一种全新的方式制作？html-ppt-skill是一款基于HTML的AI演示工具，其输出文件格式极其纯粹——浏览器原生支持的HTML文件。它内置了36套主题、31种布局、47个动效以及15套完整模板。Agent通过自然语言即可将这些组件组合成一份精美的演示文稿。更关键的是，它遵循AgentSkill协议，可一键安装并在Claude Code、OpenClaw、Hermes Agent、Cursor/Codex等多个平台通用运行。
html-ppt-skill的主要功能
既然提到功能，那就具体看看它究竟能实现什么。一组直观的数据或许更有说服力：
- 36套主题：从极简学术到赛博朋克，再到小红书柔和风，基本覆盖了主流视觉风格。演示时按T键即可实时切换，这在临时调整方案时显得尤为实用。
- 31种布局：涵盖封面、目录、代码展示、时间线、架构图、流程图等，每种布局都附带真实示例数据，省去从零填充的繁琐步骤。
- 47个动效：其中27个为CSS动画，其余20个采用Canvas FX——粒子爆发、神经网络脉冲等电影级效果，传统PPT很难达到这种表现力。
- 15套完整模板：这些模板提炼自真实项目，例如tech-sharing、pitch-deck、xhs-post、presenter-mode-reveal等，开箱即用。
- 演讲者模式：按S键弹出独立窗口，内嵌当前页与下一页预览、逐字稿、计时器。通过iframe配合BroadcastChannel实现像素级精确同步，投屏时再也不用担心字体、间距、颜色出现偏差。
- 跨平台Skill：遵循AgentSkill协议，一行命令即可完成安装，Claude Code、OpenClaw、Hermes、Cursor/Codex均可调用。
如何使用html-ppt-skill
使用流程相当简洁，大致分为以下几个步骤：
- 安装Skill：在终端执行
npx skills add https://github.com/lewislulu/html-ppt-skill，将该Skill添加至你的Agent中。 - 自然语言触发：直接向Agent输入需求，例如“制作一份10页微服务架构分享，暗色主题，包含架构图和代码示例”。接下来Agent会自动处理。
- 浏览器打开：Agent会生成一个完整的HTML文件，双击即可查看，键盘翻页，无需任何额外软件。
- 实时切换主题：演示过程中按T键，即可在36套主题间快速切换，找到最合适的那一套。
- 开启演讲者模式：按S键弹出独立演讲者窗口，预览、逐字稿、计时器一应俱全。
- 手动创建（可选）：如果你偏好命令行操作，也可以直接
git clone仓库，然后执行./scripts/new-deck.sh my-talk生成基础结构。
html-ppt-skill的核心优势
那么，它凭什么让人眼前一亮？核心优势其实非常清晰：
- HTML替代PPTX：纯文本格式，LLM天然擅长生成。零依赖、双击即开，彻底规避了PPTX排版错乱和字体丢失的尴尬局面。
- 预制组件加AI组合：由人提供约束良好的主题、布局、动效等预制件，AI负责组合。这一思路十分巧妙——避免了从零创造带来的审美失控问题。
- 像素级演讲者同步：预览与观众画面共用同一份HTML加CSS，彻底消除投屏时字体、间距、颜色不一致的“社死”瞬间。
- 一次安装，处处可用：遵循agentskills.io开放标准，不绑定单一平台。这意味着你的能力资产可以跨Agent框架迁移。
- 电影级视觉效果：手写Canvas模块实现了粒子、星空、神经网络等特效，表现力远超传统PPT动画。
html-ppt-skill的项目地址
- GitHub仓库：https://github.com/lewislulu/html-ppt-skill
html-ppt-skill的同类竞品对比
既然要选工具，对比自然不可或缺。这里将它和市场上另一个同类项目做了横向对比：
| 对比维度 | html-ppt-skill | guizang-ppt-skill |
|---|
html-ppt-skill的应用场景
最后说说它具体能用在哪些地方。从实际项目来看，这几个场景最为典型：
- 技术分享与开发者演示：调用tech-sharing模板，配合tokyo-night、terminal-green等暗色主题，快速生成含架构图和代码示例的幻灯片，技术大会或组内分享都很适用。
- 融资路演与产品Pitch：使用pitch-deck-vc模板，一键生成YC风格的商业计划书，数据图表和团队介绍布局都已为你安排妥当。
- 小红书与社交媒体图文：通过xhs-post模板生成3:4竖版内容，搭配soft-pastel、xiaohongshu-white主题，直接适配社交平台比例，省去二次调整的麻烦。
- 学术汇报与论文展示：采用minimal-white、editorial-serif、academic-paper等主题，风格严谨克制，期刊答辩和学术会议都能轻松驾驭。
- 企业商务与新闻播报：corporate-clean、news-broadcast主题满足经营分析、销售复盘、项目月报等正式汇报场景，商务气质拿捏得恰到好处。