免费资源

归藏 HTML 演示文稿 Skill

经常要做线下分享、发布会或私享会的人,把它装进 Claude Code、Codex 这类 Agent 后,一

归藏 HTML 演示文稿 Skill资源讲解卡
经常要做线下分享、发布会或私享会的人,把它装进 Claude Code、Codex 这类 Agent 后,一

资源介绍

一句话出整套演讲材料:单文件 HTML 翻页 PPT、配图、多平台封面,还自带排练与演讲者模式

一句话看懂

经常要做线下分享、发布会或私享会的人,把它装进 Claude Code、Codex 这类 Agent 后,一句话就能把一篇文章变成单文件 HTML 横向翻页 PPT,顺带出配图和各平台封面,演示时还有完整的演讲者模式。

它是什么

它来自开源项目 op7418/guizang-ppt-skill(固定提交 c91369c4,AGPL-3.0 许可),作者是 AI 领域博主歸藏(op7418)。按作者说明,这套工作流来自他多场线下分享的实战沉淀,踩过的每个坑都写进了分级检查清单。它不做传统 PPTX,而是产出单个 HTML 文件:不需要构建、不需要服务器,浏览器直接打开就能演示;HTML 和 CSS 是文本,Agent 能直接读、改、验证,表现力也比 Markdown 高。内置两套视觉系统:Style A 电子杂志风,像《Monocle》杂志贴上了代码,适合叙事与观点表达;Style B 瑞士国际主义,16 列网格、单一高饱和锚点色、直角与发丝线,适合事实、产品与方法论表达。

它能帮你做什么

  • 长文变演讲 PPT:给一篇文章或 Markdown,Agent 先问七个问题(风格、受众、时长、素材、配图需求、主题色、硬约束),再按 6-10 页节奏产出整份演示文稿;Style A 有封面、章节、数据大字报、图文、图片网格、流水线、对比等 10 种布局,Style B 有封面、KPI 塔楼、循环图、双栏对比、结尾宣言等 22 种锁定版式。
  • 生成 PPT 配图:按作者说明,在 Codex 环境里可用其图像模型生成人文纪实照片、信息图、流程图、系统关系图、UI 情景图和数据大字报,按模板比例插入预留图片槽位;产品截图也能重做成统一风格的配图,原图需要保真时优先做背景画布适配而不是重画内容。
  • 同一套视觉出多平台封面:从同一份内容生成公众号 21:9 头图、公众号 1:1 分享卡、小红书 3:4 封面、视频号 16:9 横版封面,主题色与视觉元素保持一致。
  • 演讲者模式排练:打开文稿点右下角 P 键进入,双窗口观众屏、当前页与下一页 16:9 预览、结构化演讲备注、计时排练(记录每页实际时长,数据只存在本地浏览器)、自动翻页、激光笔与圈选、一键黑屏白屏、冻结观众屏和断连恢复,全部在本地浏览器完成,不依赖联网服务。
  • 生成后自检:Agent 会对照分级检查清单自查,最高优先级问题必须全部通过;瑞士风版式和演讲者模式各有专门校验脚本,拦住居中标题、图片脱离槽位、在矢量图形里写字这类破坏版式的做法。
  • 低性能设备可退场:按 B 键关闭动画效果,动态内容退回静态背景,演示不挑机器。

下载后怎么用

快速上手

按作者说明装进 Agent 的技能目录:用 skills 命令行一行安装,或让有 shell 权限的 Agent 自己克隆安装。重开对话后直接说:

text
帮我基于这篇文章做一份瑞士风 PPT,控制在 7 页左右,需要 2-3 张配图。

主题色从预设里选:Style A 有墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘 5 套,Style B 有克莱因蓝、柠檬黄、柠檬绿、安全橙 4 套锚点色;说"瑞士风"但没指定颜色时默认推荐克莱因蓝。成功标志:拿到浏览器直接打开就能翻页的单文件 HTML,方向键翻页正常,右下角按 P 能唤出演讲者视图并同步打开观众屏。

使用前要准备什么

  • 一个能读写文件、执行命令的 Agent 环境(Claude Code、Codex、Cursor 等都行;按作者说明,没有文件系统和浏览器预览的普通聊天机器人不推荐)。
  • 费用:技能按 AGPL-3.0 免费开源;出 PPT、封面和演讲者模式全部在本地浏览器完成,不需要服务器。配图是可选环节,走宿主 Agent 自带的图像生成能力(作者写的是 GPT-Image 2.0 / GPT-M 2.0,经 Codex 调用),按所用 Agent 服务商的规则计费,材料未说明价格;不配图也能出完整 PPT。运行技能的 Agent 本身按其服务商规则计费。

适不适合你

  • 先看:它交付的是 HTML 演示文稿,不是 PPTX——按作者 FAQ,需要 PPTX 时建议把 HTML 页面当视觉稿再自行转换,这不在主流程里。
  • 先看:按作者划定的边界,大段表格数据、信息密度要求高的培训课件、需要多人协作编辑的场景不合适,静态 HTML 不支持协作编辑。
  • 还要知道:主题色只能从预设里选,不允许自定义色值——按作者说明,这是为了稳定产出,自由选色容易破坏整体风格;低配电脑按 B 键切静态模式可以救急。

资源包里有什么

本页内容按上游 README 与仓库公开元数据转述,不含本地重打包;使用时按仓库说明 给出的安装方式从上游仓库安装。

资源版本说明

固定提交 c91369c4,内容按该版本上游 README(获取于 2026 年 9 月 27 日)转述;上游更新不会自动同步到本页。

官方与许可

  • 来源:开源项目 op7418/guizang-ppt-skill(固定提交 c91369c4),页面内容由开工科技整理转述。
  • 授权:按仓库声明的 AGPL-3.0 许可证(AGPL-3.0 © 2026 op7418)免费提供;技能本身免费,运行它的 Agent 及可选配图按各自服务商规则计费。

这些功能分别能做什么

名称和用途一眼可见;点开后可查看怎么用、会得到什么,以及开始前需要什么。

AI 演示文稿与内容设计3

长文变演讲 PPT给一篇文章或 Markdown,Agent 先问七个问题(风格、受众、时长、素材、配图需求、主题色、硬约束),再按 6-10 页节奏产出整份演示文稿;Style A 有封面、章节、
你可以这样用
:对宿主 Agent 说出「长文变演讲 PPT」相关的需求
你会得到
长文变演讲 PPT的处理结果,以及一条精简运行记录
开始前需要
  • 支持 Agent Skills 的宿主(OpenClaw / Claude Code 等)
生成 PPT 配图按作者说明,在 Codex 环境里可用其图像模型生成人文纪实照片、信息图、流程图、系统关系图、UI 情景图和数据大字报,按模板比例插入预留图片槽位;产品截图也能重做成统一风格的配图
你可以这样用
:对宿主 Agent 说出「生成 PPT 配图」相关的需求
你会得到
生成 PPT 配图的处理结果,以及一条精简运行记录
开始前需要
  • 支持 Agent Skills 的宿主(OpenClaw / Claude Code 等)
同一套视觉出多平台封面从同一份内容生成公众号 21:9 头图、公众号 1:1 分享卡、小红书 3:4 封面、视频号 16:9 横版封面,主题色与视觉元素保持一致。
你可以这样用
:对宿主 Agent 说出「同一套视觉出多平台封面」相关的需求
你会得到
同一套视觉出多平台封面的处理结果,以及一条精简运行记录
开始前需要
  • 支持 Agent Skills 的宿主(OpenClaw / Claude Code 等)

资源信息

资源类型
Skill
版本
v1.1.0
最近核验
2026.08.30

获取资源

相关推荐