html‑ppt‑skill
开源 AI 赋能 PPT 制作工具，作为 AgentSkill 可直接集成到 Claude Code、Cursor 等 AI 编程助手，让 AI 一键生成符合专业设计标准的 HTML 演示文稿。内置丰富主题、布局和动效资源；纯静态架构，无需复杂构建，解决 AI 生成 PPT 排版混乱的痛点。
GitHub：https://github.com/lewislulu/html-ppt-skill
核心定位：给AI装上PPT设计大脑
市面上多数 AI PPT 工具仅输出文字大纲，排版需要大量人工调整。html‑ppt‑skill 不是独立 PPT 编辑器，而是面向 AI Agent 的技能包，让 AI 理解专业 PPT 设计规范。
安装后 AI 自动读取内置设计资源索引，生成幻灯片直接复用成熟主题、布局、动效，不用从零编写 CSS，输出风格统一、排版规范。
对比传统云端AI PPT工具：
| 特性 | 传统云端AI PPT | html‑ppt‑skill |
|---|---|---|
| 配置流程 | 注册账号、购买套餐、配置API Key | 一行命令安装即可使用 |
| 设计一致性 | 每次重新生成，风格波动大 | 内置成熟主题模板，输出稳定 |
| 隐私保护 | 内容上传第三方服务器处理 | 纯静态本地运行，数据不上传 |
| 自定义编辑 | 仅少量微调 | 直接修改HTML/CSS，完全可控 |
| 分享方式 | 依赖特定软件打开 | 直接分享链接或HTML文件，双击即可打开 |
核心功能：覆盖PPT制作全场景
36套专业主题，一键换肤
内置36套设计打磨完成的主题，覆盖技术、商业、种草、学术等场景：
- 技术分享：
tokyo‑night、cyberpunk‑neon - 商业汇报：
corporate‑clean、pitch‑deck‑vc - 内容种草：
xiaohongshu‑white、soft‑pastel - 学术报告：
academic‑paper
基于 CSS Token 设计，更换一行 <link> 引用即可全局切换主题。
15套完整演示模板，直接抄作业
区别于单页组件库，提供15套完整多页模板，分为两类：
- 真实风格提炼款（8套）：小红书图文、赛博朋克终端、蓝图架构、马卡龙图文等经过实际验证的视觉方案
- 通用场景脚手架（7套）：投资人路演、产品发布会、技术分享、工作周报等开箱即用
模板使用 scoped CSS class，多模板共存不会样式污染。
31种单页布局 + 47种动效
- 31种页面布局：封面、目录、时间轴、架构图、对比表格等，附带示例数据，替换内容即可使用。
- 动效分为两层：
- 27个轻量CSS入场动画，满足基础过渡；
- 20个Canvas电影级特效，进入幻灯片自动初始化，无需手写代码。
像素级体验的演讲者模式
幻灯片中按下 S 唤起独立演讲者窗口，包含可拖拽磁吸组件：
- 幻灯片预览
- 逐字稿提词器
- 演讲计时器
双窗口通过 BroadcastChannel 双向同步翻页，低延迟，适合正式演讲。
极速上手：一行命令安装
前置依赖
- 支持 AgentSkill 协议的AI工具：Claude Code、Cursor、OpenClaw
- Node.js
- 网络连接（加载字体资源）
安装
npx skills add https://github.com/lewislulu/html-ppt-skill
无复杂构建，安装完成直接可用。
生成PPT
直接向AI发送自然语言指令示例：
- 做一份8页的技术分享slides，用cyberpunk主题
- 把这段大纲转换成投资人pitch deck
- 做9张小红书图文，白底柔和风格
AI自动挑选主题、布局、动效，输出可直接演示的HTML演示文稿。
技术架构：纯静态零依赖
完全基于 HTML / CSS / JavaScript，无 webpack，不需要 build，规避依赖地狱。 可选CDN加载第三方资源：
- Google Fonts：网络字体
- highlight.js：代码高亮
- Chart.js：图表渲染
项目目录结构：
html-ppt-skill/
├── references/ # 详细文档
├── assets/ # 基础样式、主题、动效
└── templates/ # 布局、模板示例
总结
html‑ppt‑skill 为AI生成PPT提供完整的设计规范与资源库，把AI从单纯输出文字提升到输出可直接交付的演示成品，显著降低后期排版调整成本。GitHub Star 5.3k+，适合经常做演示、厌烦反复调排版的开发者。