guizang-ppt-skill is a free, open source ai development platforms project written in HTML and released under AGPL-3.0. It has 26,492 GitHub stars, 1,848 forks and 44 open issues, and was last pushed 1 months ago. On this registry it ranks #30 of 61 tracked projects in AI Development Platforms, with 5 head-to-head comparisons available. It gained 132 stars over the last 3 tracked days.

What is guizang-ppt-skill?

guizang-ppt-skill is an AI-agent Skill, licensed AGPL-3.0, that turns articles, Markdown, or raw ideas into single-file HTML slide decks with editorial-magazine or Swiss layouts, matching images, and social covers — built for people who present: conference speakers, product teams at launch and demo days, and anyone who wants a strongly personal visual style rather than a corporate template.

What it is

guizang-ppt-skill is an agent Skill for Claude Code, Codex, and other agent environments that generate presentations. It produces single-file HTML decks that flip horizontally, plus accompanying images and multi-platform covers, and it ships with a complete rehearsal and speaker mode. Its two built-in visual systems are Style A, an electronic-magazine look fused with e-ink aesthetics for narrative and opinion, and Style B, Swiss International typography with grid-first composition, a single high-saturation anchor colour, right angles, hairline rules, and extreme type-scale contrast for facts, products, and analysis. The author distilled it from offline talks such as "一人公司:被 AI 折叠的组织" and "一种新的工作方式"; every pitfall encountered along the way is recorded in checklist.md.

The concrete problem it solves is the gap between an AI agent that can write prose and the delivery format a live audience expects. Instead of exporting to a slide tool, hand-fixing the layout, and then re-exporting images, the Skill replaces that loop with locked templates and a generated deck you can present directly from the browser. It lives in the AI-agent skill ecosystem, distributed through npx skills and skill stores, and it replaces the manual slide-building and image-preparation step in a normal presentation workflow with a single agent request.

Key capabilities

  • Two visual systems with distinct jobs: Style A for narrative and Style B for factual, product, or methodology content.
  • Style A ships 10 layouts covering cover, section divider, big-number data posters, image-and-text, image grids, Pipeline, and comparison.
  • Style B ships 22 locked layouts including Cover, Statement, KPI Tower, Loop Diagram, Duo Compare, Image Hero, and Closing Manifesto.
  • Theme presets: 5 e-ink themes for Style A and 4 Swiss high-saturation anchor colours for Style B.
  • Horizontal paging controlled by keyboard arrow keys, scroll wheel, touch swipe, bottom dots, and an ESC index.
  • Optional Codex image pipeline using GPT-Image 2.0 or GPT-M 2.0 to generate documentary photographs, infographics, flowcharts, system-relationship diagrams, and UI scenario images, inserted at template ratio.
  • Covers for multiple platforms from one visual rule set: WeChat 21:9 header, WeChat 1:1 share card, Xiaohongshu 3:4, and landscape Video Account formats.
  • Speaker mode with a dual-window audience screen, current-page and next-page 16:9 preview, speaker notes, timed rehearsal, auto-advance, laser pointer, circle selection, and live failure recovery.
  • Low-power static mode: pressing B disables WebGL and canvas animation so animated content falls back to static backgrounds.

Who uses it and how

  • Conference and offline-sharing speakers who want an editorial or Swiss-styled deck generated from a long article, typically reduced to a 6-10 page rhythm.
  • AI product teams building launch decks and demo-day presentations, using Style B locked layouts with a 21:9 hero image.
  • Individual creators producing personal-style talks, who convert a Markdown file into a magazine-style presentation.
  • Social media operators deriving a WeChat 21:9 header image or a Xiaohongshu 3:4 cover from the core argument of an existing deck.
  • Presenters who rehearse in speaker mode, filling in speaker notes and per-page planned durations, then practising with the timer and audience screen.

Getting started

Install with npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill, or clone the repository into ~/.claude/skills/guizang-ppt-skill and confirm that SKILL.md, assets/, and references/ are present. Updates are a git pull inside that directory.

How it compares

The facts provided name no paid products that guizang-ppt-skill replaces, and no direct alternatives either, so on the evidence given it stands alone in this registry. What can be said is structural: it is AGPL-3.0 licensed and distributed as an agent Skill through npx skills and third-party skill stores such as Kimi work and Cola Skill, and the output is a single-file HTML deck with no build step and no server required, which keeps the deck and its assets under the presenter's own control.

When to use it — and when not to

Choose it for offline sharing, internal industry talks, private salons, AI product launches, demo day, and any presentation carrying a strong personal style, where no build step and no server are needed to open the result. Do not choose it for decks built on large tables of data, for training courseware where the information density is too low, or for anything requiring multi-person collaborative editing, because the output is static HTML. Treat presenters who need a shared editing surface or spreadsheet-grade density as out of scope, and note that the deck's speaker-mode features depend on a browser session rather than on the authoring agent.

project readme (upstream, from github) — read inline

Guizang PPT Skill · 网页 PPT / 配图 / 封面

GitHub stars License Skill HTML Deck Claude Code Codex 由真格 Token Grant 资助 360 安全龙虾金牌赞助 Kimi work 金牌赞助 Cola Skill 金牌赞助

🌏 English version: README.en.md

一个适配 Claude Code / Codex 等 Agent 环境的网页 PPT 技能,用于生成单文件 HTML 横向翻页 PPT、PPT 配图和多平台封面,并内置完整的排练与演讲者模式。

内置两套视觉系统:

  • Style A: 电子杂志 × 电子墨水。像 Monocle 贴上了代码,适合叙事、观点、分享、个人风格表达。
  • Style B: 瑞士国际主义。网格至上、单一高饱和锚点色、直角、发丝线、极致字号对比,适合事实、产品、分析、方法论表达。

歸藏 在"一人公司:被 AI 折叠的组织"、"一种新的工作方式"等线下分享中沉淀而成,踩过的每一个坑都写进了 checklist.md。 赞助与支持信息见 SPONSORS.md

旧主题 · Style A 电子杂志风

Style A 电子杂志风效果展示

新主题 · Style B 瑞士国际主义

Style B 瑞士国际主义效果展示

30 秒开始

npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

也可以直接把这段话发给有 shell 权限的 AI Agent:

帮我安装 guizang-ppt-skill。请把 https://github.com/op7418/guizang-ppt-skill 克隆到 ~/.claude/skills/guizang-ppt-skill,安装完成后检查 SKILL.md、assets/、references/ 是否存在。

已经安装过的话,用这段话更新:

帮我更新 guizang-ppt-skill。请进入 ~/.claude/skills/guizang-ppt-skill 执行 git pull,然后告诉我当前最新 commit。

安装后直接对 Agent 说:

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

也可以试这些请求:

帮我把这份 Markdown 做成杂志风演讲 PPT。
基于这份 PPT 的核心观点,生成一张公众号 21:9 头图。
把这张产品截图重新设计成适合 PPT 的 16:10 配图。
给这份 PPT 补齐演讲备注和每页计划时长,然后用演讲者模式帮我排练。

赞助与支持

360 安全龙虾 / Kimi work / Cola Skill 金牌赞助

Guizang PPT Skill 的持续迭代获得 360 安全龙虾Kimi workCola Skill 金牌赞助和 真格 Token Grant 支持。更多信息见 SPONSORS.md

在其他地方使用归藏 PPT Skill

除了 Claude Code / Codex,也可以在这些平台使用归藏 PPT Skill:

渠道 链接
360 安全龙虾 claw.360.cn
Cola Skill colaskill.com/guizang-ppt-skill
Kimi work kimi.com(安装后在 Skill 商店搜索 guizang ppt skill)

效果

  • 🖋 双视觉系统:电子杂志风负责叙事,瑞士风负责事实表达
  • 📐 横向左右翻页:键盘 ← → / 滚轮 / 触屏滑动 / 底部圆点 / ESC 索引
  • 🧩 Style A 10 种布局:封面、章节、数据大字报、图文、图片网格、Pipeline、对比等
  • 🧱 Style B 22 种锁定版式:Cover、Statement、KPI Tower、Loop Diagram、Duo Compare、Image Hero、Closing Manifesto 等
  • 🎨 主题色预设:Style A 5 套电子墨水主题,Style B 4 套瑞士高饱和锚点色
  • 🖼 Codex 可选配图流程:可用 GPT-Image 2.0 / GPT-M 2.0 生成纪实照片、信息图、流程图、系统关系图、UI 情景图,并按模板比例插入
  • 📰 多平台封面:可用同一套视觉规则生成公众号 21:9、公众号分享卡 1:1、小红书 3:4、视频号横版等封面
  • 🎤 演讲者模式:双窗口观众屏、当前页/下一页 16:9 预览、演讲备注、计时排练、自动翻页、激光笔、圈选和现场故障恢复
  • 📴 低性能静态模式:按 B 可关闭 WebGL / canvas 动画,让动态内容退回静态背景
  • 📄 单文件 HTML:不需要构建、不需要服务器,浏览器直接打开

适合 / 不适合

✅ 合适:线下分享 / 行业内部讲话 / 私享会 / AI 产品发布 / demo day / 带强烈个人风格的演讲

❌ 不合适:大段表格数据 / 培训课件(信息密度不够)/ 需要多人协作编辑(静态 HTML)

常见使用场景

任务 推荐方式
长文章变演讲 PPT 先抽核心观点,再按 6-10 页节奏生成 deck
方法论 / 产品分析 用 Style B 瑞士风,优先使用锁定版式和 21:9 主图
个人分享 / 观点表达 用 Style A 电子杂志风,保留更强叙事感
PPT 配图 在 Codex 中用 GPT-Image 2.0 / GPT-M 2.0 生成照片、信息图、流程图、UI 情景图
多平台封面 从同一份内容生成公众号 21:9、1:1 分享卡、小红书 3:4、视频号横版封面
截图统一风格 把原始截图重新生成到模板需要的比例,再插入 PPT
现场演讲 / 排练 让 Agent 从大纲生成备注和时长,按右下角 P 进入演讲者模式

为什么是 HTML PPT

  • 更适合 Agent 生成和修改:HTML / CSS 是文本,Agent 能直接读、改、验证。
  • 表现力比 Markdown 更高:可以做精细排版、空间定位、动画、交互和响应式封面。
  • 交付更轻:单文件 HTML 可以直接打开、演示、发送、截图,演讲者工具也随文件一起交付。
  • 更容易做质量控制:瑞士风可以用脚本校验版式、图片槽位、标题对齐、危险 SVG,并在可用时用 Playwright 后验测量超出、底部空白、nav 安全线和标题间距。
  • 更适合视觉内容链路:同一套主题能覆盖 PPT、配图、封面和截图再设计。

平台支持

平台 状态 说明
Claude Code 支持 原生 Skill 工作流,适合生成和迭代 HTML deck
Codex 支持 适合生成 PPT、调用图片生成能力、做浏览器视觉检查
Cursor / 其他本地 Agent 可用 需要能读写文件并执行 shell 命令
WorkBuddy 适配中 单独整理上架版本,去掉平台不需要的渠道差异
普通 Chatbot 不推荐 没有文件系统和浏览器预览时,很难稳定生成完整 deck

安装

方式一:一行命令安装(推荐)

npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

方式二:把下面这段话直接发给 AI

帮我安装 guizang-ppt-skill 这个 Claude Code skill。请按下面步骤做:

  1. 确保 ~/.claude/skills/ 目录存在(不存在就创建)
  2. 执行 git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill
  3. 验证:ls ~/.claude/skills/guizang-ppt-skill/ 应该看到 SKILL.mdassets/references/ 三项
  4. 告诉我安装好了,之后我说"做一份杂志风 PPT"之类的话就会触发这个 skill

把这段话复制粘贴给 Claude Code / Cursor / 任何有 shell 权限的 AI Agent,它会自动完成安装。

方式三:手动命令行

git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill

触发方式

装好后,Claude Code 会在对话里自动发现并调用这个 skill。触发关键词:

  • "帮我做一份杂志风 PPT"
  • "帮我做一份瑞士风 PPT"
  • "生成一个 horizontal swipe deck"
  • "editorial magazine style presentation"
  • "electronic ink 风格演讲 slides"
  • "基于这篇文章做一张公众号 21:9 封面"
  • "基于这份 PPT 生成一张 1:1 分享卡"
  • "给这份 PPT 补齐演讲备注,并用演讲者模式帮我排练"

使用流程

Skill 本身是结构化工作流,Agent 会逐步引导:

  1. 选择风格 — Style A 电子杂志风,或 Style B 瑞士国际主义
  2. 需求澄清 — 7 问清单:风格、受众、时长、素材、图片/截图需求、主题色、硬约束
  3. 拷贝模板 — Style A 用 assets/template.html,Style B 用 assets/template-swiss.html
  4. 填充内容 — 先做主题节奏表,再从对应 layout 骨架里挑、粘、改文案
  5. 可选配图 — 在 Codex 中询问是否用 GPT-Image 2.0 / GPT-M 2.0 生成配图,再按页面比例插入
  6. 生成演讲备注 — 从大纲提取每页目的、讲述要点、转场和计划时长;用户没提供的信息不猜测
  7. 自检 — 对照 references/checklist.md,P0 级问题必须全过;瑞士风和演讲模式分别运行对应校验器
  8. 预览 — 浏览器直接打开
  9. 排练 / 演讲 — 按右下角 P 进入演讲者模式,检查观众屏同步并记录实际时长
  10. 迭代 — 根据排练结果调整内容、字号、高度和间距

详细说明见 SKILL.md

演讲者模式

两套模板都内置同一套演讲者运行时。打开 deck 后,点击右下角 P 即可进入演讲者视图;浏览器会同时打开一个干净的观众屏。所有核心能力都在本地 HTML 和浏览器里完成,不依赖实时字幕、云端中继、手机遥控或 AI 教练服务。

演讲者视图示例

演讲者视图示例:当前页、下一页、演讲备注、计时控制与观众屏状态

演讲时能看到什么

  • 当前页与下一页:上下排列并始终保持 16:9,小屏时整页等比缩放,不裁切、不挤压文字
  • 宫格选页:在预览区原位切换总览,点选页面后立即回到双预览,观众屏同步跟随
  • 结构化备注:标题、本页目的、讲述要点和转场必填;互动、语气、翻页时机、备用方案和读音等信息只在大纲提供时显示
  • 进度与状态:显示当前页 / 总页数、完成百分比,以及观众屏的连接中、已同步、未同步、已冻结、未连接或弹窗被拦截状态

时间、排练与自动翻页

  • 底栏分别显示已进行、本页和剩余 / 超时时间,按钮明确区分“开始计时 / 继续计时 / 重置计时”
  • 排练模式记录每页实际时长和整场汇总,数据保存在本地浏览器,不会做 AI 评分
  • 自动翻页默认关闭;只有大纲明确给出页面停留秒数,或用户在设置中开启全局间隔时才启用
  • 打开宫格、设置、圈选工具,页面隐藏,或观众屏暂停 / 失去同步时,自动翻页会暂停

现场工具与故障恢复

  • 激光笔、圈选和清除会同步到观众屏
  • 一键黑屏、白屏,或冻结观众屏;恢复后自动追平演讲者当前页
  • 观众窗口关闭或心跳超时后明确显示“未连接”,可随时点击“重新打开观众屏”
  • 退出演讲时自动关闭观众窗口;浏览器不允许自关时,观众端显示“演示已结束”
  • 演前检查覆盖弹窗、全屏、字体、图片 / 视频和 16:9 预览,并提醒人工确认 HDMI、转接器和投影仪

常用快捷键:← / → 翻页,Home / End 跳首页或尾页,G 宫格,L 激光笔,C 圈选,B / W 黑屏或白屏,F 冻结观众屏,? 查看完整快捷键。

让 Agent 生成或补齐演讲模式时,可以直接说:

根据这份大纲给每一页补齐演讲目的、讲述要点、转场和计划时长。没有提供的互动或现场信息不要猜,然后运行演讲模式校验器。

演讲备注契约和完整行为说明见 references/presenter-mode.md。校验命令:

node scripts/validate-presenter-mode.mjs path/to/index.html
node scripts/validate-presenter-mode.mjs path/to/index.html --target-minutes 30

Style B 瑞士风

瑞士风是这次新增的结构化主题。它不是"换一套 CSS",而是一套更严格的版式系统。

  • 22 个具名版式:正文页只能从 S01S22 中选择,不能临时发明页面结构
  • 4 套锚点色:克莱因蓝 IKB、柠檬黄、柠檬绿、安全橙
  • 网格锁定:16 列 grid、直角色块、1px 发丝线、无阴影、无渐变、无圆角
  • 中文字号收敛:全中文大标题需要降一档,避免占掉正文和图片空间
  • 图文底对齐:左文右图 / 左图右文场景优先让正文块与图片底部对齐,同时避开页脚翻页组件
  • 图片槽位绑定:图片必须进入模板预留的 data-image-slot,常见主图按 21:9 或 16:10 生成
  • 强校验:用脚本拦住居中标题、实验版式、SVG 内写字、图片脱离槽位等问题;可用 Playwright 时还会量化真实渲染后的 overflow、bottom whitespace、title gap

瑞士风校验命令:

node scripts/validate-swiss-deck.mjs path/to/index.html

Codex 配图能力

在 Codex 环境中,完成 deck 初稿后可以主动询问用户是否需要生成配图。用户确认后,再询问图片类型或风格,常用类型包括:

  • 人文纪实照片:富士 / 徕卡感的真实场景,增加人文表现力
  • 信息图 / 流程图 / 对比图 / 系统关系图:用于解释无法用实拍照片说明的概念
  • 截图美化 / 截图再设计:原始截图优先用内置背景资产做 CleanShot X 式背景画布适配;需要重构时再生成 UI 情景图
  • 数据大字报 / 数据图表:把关键数字做成可直接插入 PPT 的视觉素材
  • 多图拼贴:用于极宽图片槽位,避免把三张 16:9 图片硬塞进三列

生成图片时要遵守四个关键规则:

  • 图片是 PPT 中的嵌入素材,不要自带页脚、页底、标题、角标

readme truncated — read the full docs on github

Frequently asked questions

Is guizang-ppt-skill free to use?

guizang-ppt-skill is open source under the AGPL-3.0 licence. There is no licence fee and no seat count — you can self-host it or, where the project offers one, pay a vendor for a managed version instead.

What does guizang-ppt-skill do?

AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation

What is guizang-ppt-skill written in?

guizang-ppt-skill is primarily written in HTML. Its source is publicly available at https://github.com/op7418/guizang-ppt-skill, and it has 26,492 GitHub stars.