用 Skill 生成可分享、可部署的网页 PPT
把主题、资料或 PPTX 转成单文件 HTML 演示文稿,支持风格预览、键盘导航、移动端滑动、PDF 导出和一键部署。
做 PPT 最耗时的从来不是排版,而是把脑子里的结构变成一页页具体的东西。
Skill 的思路是:把排版这件事固化成一套可复用的指令,让 Agent 每次都按同一套规范输出。
它能做什么
输入可以是三种东西:
# 1. 一个主题
"做一份关于独立开发者冷启动的 12 页分享"
# 2. 一份资料
"把 notes/产品定位.md 转成 8 页演示"
# 3. 一个已有文件
"把 deck.pptx 转成网页版,保持原有结构"
输出是一个单文件 HTML——没有构建步骤,双击就能开。
为什么不直接用 PPT
| PPTX | 单文件 HTML | |
|---|---|---|
| 分享 | 要传文件 | 一个链接 |
| 手机查看 | 格式常乱 | 天然适配 |
| 版本管理 | 二进制,diff 不了 | 纯文本,可 Git |
| 动效 | 模板固定 | CSS 随便写 |
| 部署 | 无 | 拖到任意静态托管 |
最后一条是决定性的:它变成了一个可分享的 URL。
关键设计
风格预览
生成前先出 3-4 个风格方案让你选。这一步很重要——“科技感""简约”这些词在不同人脑子里完全不同,先看到再选,比反复改要快。
键盘导航
→ / Space 下一页
← 上一页
F 全屏
O 总览模式
P 导出 PDF
移动端
触摸滑动翻页,横竖屏都适配。实际场景是:有人在微信里点开你的链接,用手机看。
PDF 导出
直接调用浏览器的打印样式表,一页一屏,不用来回调。
实践建议
- 先定页数再生成内容:让它先给大纲,确认后再出页面
- 把设计规范写成文件:颜色、字号、间距写成
DESIGN.md,每次引用 - 每页只讲一件事:超过两个要点就拆页
- 最后自己讲一遍:Agent 写的内容常常”看起来对,念起来别扭”
局限
- 复杂图表不如专业工具
- 中文字体依赖系统,跨设备会有细微差异
- 不适合需要精细动画的场合
它最适合的场景是技术分享、项目介绍、内部分享——内容为主,视觉为辅。
奇妙感
本文采用署名-非商业性使用-相同方式共享协议,转载请注明出处与作者。
关注我
GitHub @lin571273545
公众号 奇妙感 每周一篇产品与 AI 的实践笔记
微信 扫一扫加我为好友