用 Skill 生成可分享、可部署的网页 PPT

把主题、资料或 PPTX 转成单文件 HTML 演示文稿,支持风格预览、键盘导航、移动端滑动、PDF 导出和一键部署。

用 Skill 生成可分享、可部署的网页 PPT

做 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 导出

直接调用浏览器的打印样式表,一页一屏,不用来回调。

实践建议

  1. 先定页数再生成内容:让它先给大纲,确认后再出页面
  2. 把设计规范写成文件:颜色、字号、间距写成 DESIGN.md,每次引用
  3. 每页只讲一件事:超过两个要点就拆页
  4. 最后自己讲一遍:Agent 写的内容常常”看起来对,念起来别扭”

局限

  • 复杂图表不如专业工具
  • 中文字体依赖系统,跨设备会有细微差异
  • 不适合需要精细动画的场合

它最适合的场景是技术分享、项目介绍、内部分享——内容为主,视觉为辅。

奇妙感 本文采用署名-非商业性使用-相同方式共享协议,转载请注明出处与作者。

目录