整理时间：2026-05-29
面向人群：内容创作者、产品经理、设计师等需要快速制作演示文稿的用户
#HTML-PPT #AIAgentSkills #演示文稿
一、HTML-PPT 技能概览
HTML-PPT 技能让 AI Agent 能够直接生成精美的 HTML 演示文稿，无需依赖 PowerPoint 或 Keynote。这类技能通常支持：
二、顶级 HTML-PPT 技能推荐
2.1 frontend-slides（⭐ 19,544）
| |
|---|
| 仓库 | https://github.com/zarazhangrui/frontend-slides |
| 作者 | |
| 功能 | 利用编码 Agent 的前端技能创建精美的网页幻灯片 |
| 特点 | |
| 适用 | |
核心价值：目前星数最高的 HTML-PPT 技能，充分利用 Agent 的前端编码能力，适合需要高度定制化的场景。
2.2 guizang-ppt-skill（⭐ 13,103）
| |
|---|
| 仓库 | https://github.com/op7418/guizang-ppt-skill |
| 作者 | |
| 功能 | 生成精美的 HTML 幻灯片：杂志风、瑞士风布局，图片提示词，社交封面 |
| 特点 | WebGL 运行时、低功耗演示、多语言支持（繁/简中文） |
| 适用 | |
核心价值：国人开发，中文支持好，内置多种设计风格，特别适合中文内容创作者。
2.3 open-design（⭐ 55,155）
| |
|---|
| 仓库 | https://github.com/nexu-io/open-design |
| 作者 | |
| 功能 | 本地优先的开源 Claude Design 替代方案 |
| 特点 | 259+ Skills、142+ 设计系统、桌面应用、支持 HTML/PDF/PPTX/MP4 导出 |
| 适用 | |
核心价值：功能最全面的设计工具，不仅仅是 PPT，还包含网页、桌面、移动端原型设计。
2.4 lewislulu/html-ppt-skill（⭐ 5,096）
| |
|---|
| 仓库 | https://github.com/lewislulu/html-ppt-skill |
| 作者 | |
| 功能 | HTML PPT Studio — 24 个主题、31 种布局、20+ 动画 |
| 特点 | |
| 适用 | |
核心价值：主题和布局丰富，开箱即用，适合快速制作商务演示文稿。
2.5 huashu-md-html（⭐ 708）
| |
|---|
| 仓库 | https://github.com/alchaincyf/huashu-md-html |
| 作者 | |
| 功能 | Markdown/HTML 双向流水线：万物→MD / MD→精美HTML / HTML→MD |
| 特点 | 封装 markitdown + Pandoc + html-to-markdown + trafilatura、4 套反 AI slop 主题 |
| 适用 | |
核心价值：擅长 Markdown 到 HTML 的转换，内置反 AI 味主题，适合内容创作者。
2.6 claude-design-card（⭐ 256）
| |
|---|
| 仓库 | https://github.com/geekjourneyx/claude-design-card |
| 作者 | |
| 功能 | 生成 14 种格式的设计卡片：平台封面、社交分享卡片、编辑布局 |
| 特点 | |
| 适用 | |
核心价值：专注于设计卡片生成，适合社交媒体内容制作。
2.7 robonuggets/marp-slides（⭐ 216）
| |
|---|
| 仓库 | https://github.com/robonuggets/marp-slides |
| 作者 | |
| 功能 | MARP 演示文稿技能 — 22 个精选示例、SVG 图表、深色/浅色主题 |
| 特点 | |
| 适用 | |
核心价值：基于成熟的 MARP 框架，适合技术演示和数据可视化。
2.8 archlizheng/frontend-slides-editable（⭐ 266）
| |
|---|
| 仓库 | https://github.com/archlizheng/frontend-slides-editable |
| 作者 | |
| 功能 | 可编辑的 HTML 演示文稿技能，支持拖拽调整大小、幻灯片排序、本地保存/导出 |
| 特点 | 可视化编辑、PPTX 转 Web、支持 Codex/Claude Code |
| 适用 | |
核心价值：在 frontend-slides 基础上增加了可视化编辑功能，适合需要反复修改的场景。
三、HTML 转 PPTX 技能
3.1 Hasasasa/claude-skill-html-to-pptx（⭐ 10）
| |
|---|
| 仓库 | https://github.com/Hasasasa/claude-skill-html-to-pptx |
| 功能 | 将 HTML 幻灯片转换为可编辑的 .pptx 文件 |
| 特点 | 保留文本为原生 PowerPoint 文本框（非截图）、渐变/阴影/滤镜回退到本地快照 |
| 适用 | |
3.2 artifact-kit/html-to-pptx-skill（⭐ 4）
| |
|---|
| 仓库 | https://github.com/artifact-kit/html-to-pptx-skill |
| 功能 | 教 Agent 将 HTML 页面转换为可下载、可编辑的 PowerPoint 演示文稿 |
| 特点 | 使用 @artifact-kit/pptxgenjs-jsx |
| 适用 | |
四、专项 HTML-PPT 技能
4.1 Akxan/ppt-agent-skill（⭐ 66）
| |
|---|
| 仓库 | https://github.com/Akxan/ppt-agent-skill |
| 功能 | 世界级 AI 演示文稿生成器：26 种风格、18 种图表 |
| 特点 | 对标 Linear/Anthropic/Stripe/Apple/NYT 设计质量 |
| 适用 | |
4.2 FeeiCN/slide-writer（⭐ 34）
| |
|---|
| 仓库 | https://github.com/FeeiCN/slide-writer |
| 功能 | 从创意、大纲、文档、演讲稿生成企业级 HTML 演示文稿 |
| 特点 | |
| 适用 | |
4.3 nghiahsgs/skills-slides（⭐ 19）
| |
|---|
| 仓库 | https://github.com/nghiahsgs/skills-slides |
| 功能 | |
| 特点 | |
| 适用 | |
4.4 lqshow/neon-slides（⭐ 18）
| |
|---|
| 仓库 | https://github.com/lqshow/neon-slides |
| 功能 | |
| 特点 | |
| 适用 | |
4.5 shawnzam/keynot（⭐ 13）
| |
|---|
| 仓库 | https://github.com/shawnzam/keynot |
| 功能 | 将任何提示词转换为精美的、自包含的 HTML 幻灯片 |
| 特点 | |
| 适用 | |
五、技能对比表
| | | |
|---|
| | | |
| | | |
| | | |
| | | |
| | | |
| archlizheng/frontend-slides-editable | | | |
| | | |
| | | |
| | | |
| | | |
六、如何选择
按使用场景选择
| |
|---|
| 快速制作中文 PPT | |
| 前端开发者定制 | |
| 商务演示 | lewislulu/html-ppt-skill、Akxan/ppt-agent-skill |
| 社交媒体封面 | |
| 技术分享 | robonuggets/marp-slides、neon-slides |
| Markdown 转 PPT | |
| 需要 PPTX 导出 | html-to-pptx、artifact-kit/html-to-pptx-skill |
| 全功能设计 | |
按 Agent 平台选择
| |
|---|
| Claude Code | |
| Codex | frontend-slides、frontend-slides-editable |
| Hermes | |
| Cursor | |
| OpenClaw | |
参考来源
- awesome-html-slide-skills：https://github.com/ToseaAI/awesome-html-slide-skills
- open-design：https://github.com/nexu-io/open-design
- frontend-slides：https://github.com/zarazhangrui/frontend-slides
- guizang-ppt-skill：https://github.com/op7418/guizang-ppt-skill
10个月宝宝每天需要喝多少奶粉？
