Guizang PPT Skill

# Guizang PPT Skill

能生成单文件 HTML 幻灯片、幻灯片配图和多平台封面的技能，有两套视觉风格，还带演讲者模式用于排练。适合使用 Claude Code 或 Codex 的演讲者。

由 op7418 在 GitHub 上制作。这些说明是 Mindket 根据其 README 写的，项目自己的文件和许可证在它的仓库里。

## 简介

它是什么：Guizang PPT Skill 教 Claude Code 或 Codex 这样的 AI 智能体，把演示文稿做成一个可以横向翻页的 HTML 文件。它还能做幻灯片配图和多个平台的封面。排练工具和演讲者模式都是内置的。

它带有两套视觉系统。Style A 把电子杂志的样子和电子墨水结合起来，适合故事、观点和个人分享。Style B 遵循瑞士国际主义设计，有严格的网格、一个高饱和的强调色、直角和发丝线，适合事实、产品、分析和方法。

适合谁：它适合想要鲜明个人风格的演讲者，多用于现场分享。作者提到的场合有线下分享、行业内部讲话、私享会、AI 产品发布和 demo day。

```table
行业 | 谁在用 | 怎么用 | 例子
公开演讲 | 线下分享和私享会上的演讲者 | 做一份个人风格鲜明的演示文稿 | 用杂志风讲一个个人观点
科技 | AI 产品发布和 demo day 上的团队 | 用瑞士风做一份以事实为主的演示文稿 | 把事实排进网格里的产品演示文稿
内容创作 | 在微信或小红书发布内容的写作者 | 用同一种视觉风格做多种尺寸的封面 | 微信公众号的 21:9 头图
分析 | 讲解方法或研究的人 | 使用瑞士风和它的锁定版式 | 基于锁定版式做的方法论演示文稿
```

如果你需要大段表格数据、培训课件或多人一起编辑，可以跳过它，因为静态的 HTML 演示文稿不适合这些。

用在哪里：

- Claude Code：原生技能工作流，适合生成和修改 HTML 演示文稿
- Codex：生成演示文稿、调用图片生成能力，并在浏览器里检查页面
- Cursor 和其他能读写文件、能运行 shell 命令的本地智能体
- Kimi work 和 Cola Skill，README 把它们列为使用它的其他地方
- 浏览器，用来打开和演示做好的文件

```table
用例 | 谁 | 得到什么
把长文章变成演讲 | 写作者和演讲者 | 一份六到十页、由文章核心观点生成的演示文稿
讲解方法或产品分析 | 分析师和产品团队 | 一份使用锁定版式和 21:9 主图的瑞士风演示文稿
分享个人观点 | 个人演讲者 | 一份故事感更强的杂志风演示文稿
为多个平台做封面 | 内容创作者 | 用同一份内容做出的微信 21:9 和 1:1 封面、小红书 3:4 封面和视频号横版封面
排练现场演讲 | 演讲者 | 每页的演讲备注和计划时长，再用演讲者模式排练
```

如何设置：

你需要：

- Claude Code、Codex，或另一个能读写文件、能运行 shell 命令的本地智能体
- Node.js，如果你走一行 npx 命令这条路
- Codex，如果你想用 GPT-Image 2.0 或 GPT-M 2.0 的可选配图流程

1. 运行 README 里那条一行的 npx skills add 命令，指定技能名 guizang-ppt-skill。README 把这条路称为推荐方式。
2. 或者把仓库克隆到 ~/.claude/skills 里名为 guizang-ppt-skill 的文件夹，如果 skills 文件夹不存在，先创建它。
3. 确认技能文件夹里有 SKILL.md、assets 和 references。
4. 以后要更新，进入那个文件夹，运行 git pull。

如何使用：用大白话对你的智能体说，中文或英文都行。在 Claude Code 里，对话中会自动发现并调用这个技能。要杂志风演示文稿、瑞士风演示文稿或横向翻页演示文稿的说法，都会触发它。

```text
帮我把这份 Markdown 做成杂志风演讲 PPT。
```

```table
工具 | 作用
方向键、滚轮、滑动或底部圆点 | 横向翻页
ESC | 打开页面索引
P | 进入演讲者模式，用右下角的按钮
B | 关闭 WebGL 和 canvas 动画，退回静态背景
```

示例：你让它根据一篇文章做一份瑞士风演示文稿，大约七页，配两三张图。你会得到一个 HTML 文件，用浏览器打开，用方向键翻页。

新手与专家：技能是你的 AI 智能体会读的一个指令文件夹。这一个教它把幻灯片做成单个网页。第一次试用，给智能体一份简短的 Markdown 文件，让它做一份杂志风演示文稿，打开 HTML 文件，再按 P 看演讲者模式。

如果你懂这个领域，选 HTML 是很务实的。HTML 和 CSS 是文本，智能体可以读、改、检查，格式的表现力也比 Markdown 强。对瑞士风，脚本会检查版式、图片槽位、标题对齐和不安全的 SVG。有 Playwright 的话，还会测量溢出、底部空白、nav 安全线和标题间距。在性能弱的机器上，动态背景会先降低分辨率，再定格成静态背景。

```flow
在你的智能体里安装技能
要一份演示文稿、配图或封面
智能体写出一个 HTML 文件
在浏览器里打开并演示
```

注意事项：

- 许可证是 AGPL-3.0
- 它不适合大段表格数据、培训课件或多人协作编辑
- 不推荐用没有文件系统和浏览器预览的普通聊天机器人
- 配图流程是可选的，在 Codex 里运行
- WorkBuddy 版本仍在适配中
- README 是中文的，另有英文版

```chart
Title: 每种风格的版式数量
Style A: 10 种版式
Style B: 22 种版式
```

## GitHub 上的数据（2026年11月14日）

- 星标：29,757
- 复刻：2,047
- 关注：70
- 未关闭的议题和拉取请求：52
- 语言：HTML
- 许可证：AGPL-3.0
- 话题：ai-agent, claude-code, codex, html-deck, image-generation, ppt, presentation, skill, skills, swiss-design, web-ppt

## 链接

- 代码：https://github.com/op7418/guizang-ppt-skill
- 发布版本：https://github.com/op7418/guizang-ppt-skill/releases
- 议题：https://github.com/op7418/guizang-ppt-skill/issues
- 星标历史：https://www.star-history.com/#op7418/guizang-ppt-skill&Date

## 获取代码

```
git clone https://github.com/op7418/guizang-ppt-skill.git
```

然后按它的 README 完成设置。这个工具包里没有会自己运行的东西。

README.md  6 KB