guizang-ppt-skill 深度解析:一句话生成网页版横向翻页 PPT
一句话定位:用自然语言驱动 Agent,直接生成单文件 HTML 横向翻页 PPT,提供「电子杂志风」和「瑞士国际主义风」两套视觉系统。
核心能力
1. 单文件 HTML 输出:最终产物只有一个 .html,打开即用,不用依赖 PPT 软件或在线工具。
2. 两套视觉风格:
- 风格 A「电子杂志 × 电子墨水」:衬线标题 + WebGL 流体背景,适合人文、商业发布、行业观察。
- 风格 B「瑞士国际主义」:无衬线 + 网格点阵 + IKB/柠檬黄等高反差功能色,适合科技产品、数据汇报。
3. 横向翻页交互:支持键盘 ← →、滚轮、触屏滑动、ESC 索引页,演示体验接近 Keynote。
4. 丰富页面模板:章节幕封、数据大字报、图片网格、左文右图、引用页等,覆盖常见演讲结构。
5. 7 问需求澄清清单:动手前会逐项确认风格、受众、时长、素材、图片、主题色和硬约束,降低返工率。
适合谁
•经常要做线下分享、私享会、demo day、产品发布的人。
•希望 PPT 有强烈个人风格,且一次生成就能直接投屏的演讲者。
•不想被传统 PPT 软件束缚,又希望成品有设计感的内容创作者。
是否需要配置 API
不需要额外 API。Skill 本质是结构化提示词 + HTML/CSS/JS 模板,渲染在本地完成。如果你需要让它生成配图,则依赖底层 Agent 的图像生成能力(可能涉及模型订阅费用)。
使用流程
1. 安装 Skill 到 Agent 目录。
2. 告诉 Agent 你要做什么主题的 PPT,例如「帮我做一份 15 分钟的 AI 产品发布 PPT」。
3. 按 Skill 的 7 问清单确认风格、受众、时长、素材、图片、主题色和约束。
4. Agent 会基于叙事弧(钩子 → 定调 → 主体 → 转折 → 收束)生成大纲。
5. 确认大纲后,Agent 生成 HTML 文件和图片槽位,你把图片放进 images/ 后刷新即可。
6. 用浏览器打开 index.html 即可演示。
目前存在的问题
•不适合大段表格和复杂图表:数据叠加场景建议用传统 PPT 或数据可视化工具。
•静态 HTML,不支持多人协作:需要迭代内容时,靠 Agent 重新生成。
•图片规格影响最终效果:大图会拖慢翻页,小图会糊,需按建议规格准备素材。
•对 Agent 的设计理解力有要求:复杂版式需要多轮确认,否则容易跑题。
下面是该项目 GitHub 仓库首页截图,可以快速了解项目概况:
项目仓库一览
| |
|---|
| |
| |
| |
| |
| |
| https://github.com/op7418/guizang-ppt-skill |
写在最后
guizang-ppt-skill 把「做 PPT」从拖拽排版变成了「说话 → 出成品」。它不是替代所有 PPT 场景,而是给那些追求设计感、愿意尝试新形式的人一个高效选项。两种风格都经得起大屏演示,尤其是杂志风,质感很在线。
我的建议:第一次用先做 5–8 页的短篇练手,把 7 问清单和文件命名规范跑熟,再做正式演讲稿。