lewislulu/html-ppt-skill

解决的问题

它提供了一个完整的系统，用于创建专业、高质量的 HTML 演示文稿，且无需任何构建步骤。它解决了创建视觉吸引力强且具备可移植性（静态 HTML/CSS/JS）幻灯片的问题，同时提供通常仅见于大型演示软件的高级功能，例如演讲者模式、多样化主题和电影级动画。

运作方式

本项目设计为“AgentSkill”，这意味着它可以集成到 AI 代理运行时（如 Claude Code、Cursor 或 Windsurf）中，让代理能够自动编写演示文稿。它使用基于 Token 的设计系统，通过 CSS 变量管理主题和布局。

主要技术特色包括：

• 演讲者模式 (Presenter Mode)：使用 BroadcastChannel 和 iframes 的专用窗口，让观众视图与演讲者的讲稿、计时器及预览保持同步，无需重新加载。
• 静态架构 (Static Architecture)：演示文稿为纯 HTML/CSS/JS，易于部署并可离线执行（提供 Google Fonts 的备援机制）。
• 模板系统 (Template System)：包含 36 种主题、36 种页面布局和 15 种完整演示模板，可通过简单的 HTML 属性或 CSS 链接进行切换。

适用对象

• AI 代理：需要生成结构化、专业幻灯片能力的代理开发者。
• 演讲者：希望使用轻量级、基于代码的替代方案来取代 PowerPoint 或 Keynote，并内置演讲者模式的用户。
• 开发者：偏好静态文件和设计系统方法来制作演示文稿的人士。

亮点

• 丰富的资源库：包含 36 种主题、36 种布局和 15 种完整演示模板。
• 电影级动画：总计 47 种动画，结合 27 种基于 CSS 的效果和 20 种高性能 Canvas FX（例如粒子爆发、黑客帝国雨）。
• 真正的演讲者模式：具备当前/下一张幻灯片的磁吸卡片、演讲者讲稿和计时器。
• 无需构建步骤：作为静态文件可立即运行；无需编译或打包。
• AI 代理就绪：通过 npx skills add 轻松安装，兼容于各种 AI 代码代理。