html-ppt-skill

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

html-ppt-skill 是一款基于 HTML 的创新型 AI 演示文稿工具。它能够生成浏览器原生支持的 HTML 文件，告别了传统 PPTX 格式在跨平台和字体兼容性上的诸多不便。该工具内置了丰富的视觉元素和功能模块，包括 36 种风格迥异的主题、31 种多样的布局、47 种炫丽的动效以及 15 套精心设计的完整模板。更重要的是，它搭载了一个强大的 Agent，能够通过用户的自然语言指令，智能地组合这些元素，从而快速生成精美的演示文稿。

html-ppt-skill 的一项显著优势在于其跨平台兼容性。它遵循 AgentSkill 协议，支持一键安装，并能在 Claude Code、OpenClaw、Hermes Agent、Cursor/Codex 等多个主流 AI 代理平台通用，极大地提升了工具的可用性和灵活性。

html-ppt-skill 的核心能力

海量主题库：从极简学术风格到前卫的赛博朋克，再到流行的“小红书”柔和风，36 套主题几乎涵盖了所有常见和流行的演示场景。用户只需轻触“T”键，即可在演示过程中实时切换，为内容赋予不同的视觉表达。
灵活多样的布局：工具提供了 31 种精心设计的布局方案，包括封面、目录、代码展示、时间线、架构图和流程图等，并且每种布局都附带了真实的示例数据，方便用户理解和套用。
震撼的动效引擎：html-ppt-skill 集成了 27 种 CSS 动画和 20 种基于 Canvas 的高级特效。后者能够呈现出粒子爆发、神经网络脉冲等电影级的视觉效果，极大地增强了演示的吸引力和表现力。
精选模板套件：包含 15 套源自真实项目经验的完整演示模板，例如“tech-sharing”、“pitch-deck”、“xhs-post”（小红书风格）和“presenter-mode-reveal”等，为用户提供了坚实的内容框架。
智能演讲者模式：只需按下“S”键，即可弹出一个的演讲者窗口。该窗口集成了当前页和下一页的预览、逐字稿以及计时器等实用功能。通过 iframe 和 BroadcastChannel 技术，实现了观众端与演讲者端像素级的精确同步，彻底消除了投屏时可能出现的显示不一致问题。
通用 Agent Skill：符合 Agent Skill 开放标准，实现“一次安装，处处可用”，使得其能力可以轻松迁移到不同的 Agent 框架中。

如何轻松上手 html-ppt-skill

便捷的安装流程：在您的 Agent 环境中，执行命令 npx skills add https://github.com/lewislulu/html-ppt-skill 即可将该 Skill 添加到您的 AI 助手。
自然语言驱动创建：在 Agent 中，用自然语言描述您的演示需求，例如：“请帮我准备一份关于微服务架构的分享，内容包含 10 页，使用暗色主题，并加入架构图和代码示例。”
即时浏览器预览：Agent 生成的完整 HTML 文件，您只需双击即可在浏览器中打开并进行演示，通过键盘即可轻松翻页。
演示中的主题切换：在演示过程中，按下“T”键，您可以在 36 套预设主题之间快速切换，以适应不同的场合或实时调整风格。
启动演讲者模式：按下“S”键，即可激活的演讲者窗口，方便您在演示时掌握全局，查看预览、逐字稿和计时信息。
手动创建项目（可选）：如果您需要更精细地控制项目结构，可以 git clone 该仓库，并运行 ./scripts/new-deck.sh my-talk 命令来生成一个全新的演示文稿基础框架。

html-ppt-skill 的突出优势

HTML 赋能，摆脱 PPTX 束缚：作为一种纯文本格式，HTML 非常适合大型语言模型（LLM）进行生成。它无需任何外部依赖，双击即可打开，有效避免了 PPTX 文件在不同设备上可能出现的排版错位和字体丢失问题。
预制组件与 AI 智能组合：通过提供精心设计的、具有良好约束的主题、布局和动效预制件，html-ppt-skill 将“创造”的负担从用户转移到 AI。AI 负责智能组合这些元素，确保了演示文稿的整体美观和专业性，避免了用户从零开始创作时可能遇到的审美难题。
精准同步的演讲者体验：利用同一份 HTML 和 CSS 文件，结合 iframe 与 BroadcastChannel 技术，实现了观众与演讲者画面之间像素级的完美同步，彻底告别了传统演示中因设备差异而产生的字体、间距、颜色不一致的尴尬。
跨平台通用能力：遵循 agentskills.io 的开放标准，html-ppt-skill 不受限于任何单一平台，其强大的能力资产能够方便地迁移到不同的 Agent 框架中，实现真正的“一次投入，多处受益”。
媲美电影的视觉效果：通过手工编写的 Canvas 模块，该工具能够实现粒子效果、星空模拟、神经网络动态展示等高级视觉特效，其表现力远超传统演示软件的动画能力。

html-ppt-skill 的项目地址

GitHub 仓库：https://github.com/lewislulu/html-ppt-skill

html-ppt-skill 与同类竞品对比

对比维度	html-ppt-skill	guizang-ppt-skill
作者	lewislulu	歸藏 (op7418)
GitHub Star 数	3600+ (20 天内)	16,000+
输出格式	单文件 HTML	单文件 HTML
视觉风格系统	36 套主题（涵盖极简、赛博朋克、小红书风等）	2 套风格：A 电子杂志×电子墨水、B 瑞士国际主义
布局数量	31 种通用布局	A 风格 10 种 + B 风格 22 种锁定版式
动效能力	47 种（27 CSS 动画 + 20 Canvas FX 电影级特效）	WebGL 背景 + 低性能静态模式（B 键切换）
演讲者模式	窗口，通过 iframe + BroadcastChannel 实现像素级同步，包含逐字稿	未明确内置演讲者模式
内容生成方式	Agent 从 101 个 Skill 中智能组合，遵循“不发明新布局”的约束	通过 7 个问题清单进行前期对齐，确认大纲后选择骨架填充内容
配图支持	基础图片插入功能	支持生成纪实照片、信息图、流程图、系统关系图等
封面生态	15 套完整 deck 模板（包含 xhs-post 竖版）	支持公众号 21:9 头图、1:1 分享卡、小红书 3:4、视频号横版等多种社交媒体封面
约束与校验	依赖 SKILL.md 文件中的规则进行约束	通过 checklist.md 自检和校验脚本拦截居中标题、图片脱槽等常见问题

html-ppt-skill 的应用场景

技术分享与开发者演示：利用“tech-sharing”模板，搭配“tokyo-night”或“terminal-green”等暗色主题，可以快速生成包含详细架构图和代码示例的技术分享幻灯片。
融资路演与产品 Pitch：选择“pitch-deck-vc”模板，即可一键生成具有 Y Combinator（YC）风格的商业计划书，其中包含了数据图表和团队介绍等关键布局。
小红书与社交媒体图文：通过“xhs-post”模板，可以生成适配小红书平台比例的 3:4 竖版内容，并配合“soft-pastel”或“xiaohongshu-white”等主题，使其直接适用于社交媒体发布。
学术汇报与论文展示：采用“minimal-white”、“editorial-serif”或“academic-paper”等主题，能够生成风格严谨克制的学术演示文稿，非常适合期刊答辩和学术会议。
企业商务与新闻播报：使用“corporate-clean”或“news-broadcast”主题，可以轻松制作经营分析、销售复盘、项目月报等正式的商务汇报内容。

阅读原文