html-ppt-skill
一键生成专业级、可交互的静态HTML演示文稿
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：html-ppt-skill。 它的用途是：一键生成专业级、可交互的静态HTML演示文稿 完整的 Skill 内容见：https://321skill.com/skills/html-ppt-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要做一个关于季度数据分析的技术分享，请用‘tech-sharing’模板，主题用‘nord’，加入一些数据流动画效果。” 它会调用html-ppt-skill，生成一个包含封面、目录、数据图表页、总结页的完整HTML演示文稿，并自动应用指定的主题和动画，你下载后即可直接演讲。
介绍
html-ppt-skill 是一个强大的AI技能，专门解决从零开始制作精美演示文稿的繁琐问题。它允许用户通过简单的指令，快速生成具备多种主题、布局和动画效果的专业级HTML幻灯片，无需任何前端构建步骤。
使用方式极其简单，只需对集成了该技能的AI助手（如Claude）描述你的演示需求，例如“为我的产品发布会做一份幻灯片”，AI便会调用此技能，基于丰富的模板库生成一个包含完整HTML、CSS、JavaScript的静态文件包。用户可以直接在浏览器中打开、演示，甚至通过内置的键盘快捷键进行实时控制。
它非常适合需要频繁制作演示材料的职场人士、教师、学生、开发者以及任何需要进行技术分享、产品推介、工作报告的创作者。无论是追求效率的商务场合，还是需要独特视觉风格的个人展示，它都能提供得体的解决方案。
与传统的PPT软件或简单的Markdown转PPT工具相比，它的核心优势在于生成本地静态HTML文件，具备极高的定制自由度、流畅的键盘导航和丰富的交互动画，同时避免了在线工具的依赖性和传统软件的笨重感。
核心特点
1. 提供36种精心设计的视觉主题和15套完整场景模板（如“演讲者模式”、“小红书图文”），远超同类工具的基础模板数量与质量。2. 内置强大的“演讲者模式”，支持在演示时弹出包含当前页、下一页、逐字稿和计时器的悬浮窗，这是为中文演讲场景深度定制的独特功能。
注意事项
不适合需要复杂动态图表、实时数据更新或高度依赖PowerPoint特定高级功能（如复杂动画路径、VBA宏）的场景。
常见问题
这个技能生成的PPT能导出成PDF或图片吗？
可以，技能包内提供了基于Headless Chrome的渲染脚本，可将HTML幻灯片导出为PNG图片序列。
生成的HTML文件能在没有网络的环境下使用吗？
完全可以。所有资源（字体除外使用CDN）都包含在生成的静态文件中，是真正的离线可用演示文稿。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-ppt-skill/raw/index.md 读取 html-ppt-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-ppt-skill/raw/index.md（查看排版版本）