html-ppt-skill – 开源 AI PPT 生成 Skill，支持 HTML 文件

最近 AI 工具圈又上新了——html-ppt-skill。下面用第三方视角拆一拆：它到底解决什么问题、怎么上手、和同类比差在哪。

html-ppt-skill是什么

html-ppt-skill 是基于 HTML 的 AI 演示文稿 Skill，工具支持输出浏览器原生支持的 HTML 文件，内置 36 套主题、31 种布局、47 个动效和 15 套完整模板，Agent 通过自然语言可组合生成精致演示文稿，支持一键安装并在 Claude Code、OpenClaw、Hermes Agent、Cursor/Codex 等多平台通用。

核心功能能做什么

html-ppt-skill是什么

html-ppt-skill 是基于 HTML 的 AI 演示文稿 Skill，工具支持输出浏览器原生支持的 HTML 文件，内置 36 套主题、31 种布局、47 个动效和 15 套完整模板，Agent 通过自然语言可组合生成精致演示文稿，支持一键安装并在 Claude Code、OpenClaw、Hermes Agent、Cursor/Codex 等多平台通用。

html-ppt-skill的主要功能

• 36 套主题：覆盖极简学术、赛博朋克、小红书柔和风等场景，按 T 键实时切换。
• 31 种布局：含封面、目录、代码展示、时间线、架构图、流程图等，附带真实示例数据。
• 47 个动效：27 个 CSS 动画 + 20 个 Canvas FX（粒子爆发、神经网络脉冲等电影级效果）。
• 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 生成完整 HTML 文件，双击即可查看，键盘翻页。
• 实时切换主题：演示时按 T 键在 36 套主题间快速切换。
• 开启演讲者模式：按 S 键弹出独立演讲者窗口，含预览、逐字稿和计时器。
• 手动创建（可选）：直接 git clone 仓库，运行 ./scripts/new-deck.sh my-talk 生成基础结构。

实际适合谁用

适合想快速体验新能力、做原型或本地部署的开发者与爱好者；涉及生产级稳定性、合规审计的场景，先评估再上车。

和同类比，怎么选

html-ppt-skill 侧重「开源 AI PPT 生成 Skill，支持 HTML 文件」。选哪个看你是个人尝鲜还是企业落地——建议先试免费或开源版，再决定要不要深度接入。

常见问题

html-ppt-skill是什么，主要解决什么问题

html-ppt-skill 是基于 HTML 的 AI 演示文稿 Skill，工具支持输出浏览器原生支持的 HTML 文件，内置 36 套主题、31 种布局、47 个动效和 15 套完整模板，Agent 通过自然语言可组合生成精致演示文稿，支持一键安装并在 Claude Code、OpenClaw、Hermes Agent、Cursor/Codex 等多平台通用。

html-ppt-skill开源吗

html-ppt-skill已开源（正文已说明其开源版本与本地部署方式），具体许可协议以官方仓库公示为准。

html-ppt-skill怎么上手 / 怎么用

访问官网或对应平台（文内链接）注册或下载即可体验；开源版本按官方仓库说明本地部署，消费级显卡大多能跑。

html-ppt-skill和同类工具比，选哪个

html-ppt-skill侧重「开源 AI PPT 生成 Skill，支持 HTML 文件」；选哪个看你是个人尝鲜还是企业落地，建议先试免费或开源版再决定。

html-ppt-skill适合谁用，不适合谁

适合想快速体验新能力、做原型或本地部署的开发者与爱好者；涉及生产级稳定性、合规审计的场景，先评估再上车，别直接当关键链路。