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的主要功能

• 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的核心优势

• 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的应用场景

• 技术分享与开发者演示：调用 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 主题满足经营分析、销售复盘、项目月报等正式汇报场景。