guizang-ppt-skill 是什么?

Guizang PPT Skill 是 AI 博主歸藏(op7418)做的一个 Agent 技能:装进 Claude Code / Codex / Cursor 等有文件与 shell 权限的环境后,让 agent 生成单文件 HTML 的横向翻页网页 PPT,并配套生成 PPT 配图与多平台封面。它内置两套成熟视觉系统——Style A 电子杂志×电子墨水(偏叙事/观点/个人风格)与 Style B 瑞士国际主义(网格、单一高饱和锚点色、强字号对比,偏事实/产品/方法论),并把作者在多场线下分享中踩过的坑沉淀进 checklist。它解决的是「让 AI 稳定产出有设计感的演讲 PPT」,而不是替代协作式办公 PPT。HTML 语言、MIT 许可,由真格 Token Grant 资助。

⭐ 20,033 Stars 🍴 1,452 Forks HTML MIT 作者: op7418 商业引流:低
来源:README 顶部/效果/适合不适合;GitHub op7418/guizang-ppt-skill,desc,license MIT 查看 GitHub 仓库 →

为什么值得关注

约一个月即超过 1.1 万星、879 fork,热度来自三点:作者歸藏在中文 AI 圈有很强影响力;它命中「让 AI 做出好看 PPT」这个高频刚需,且给出的不是泛泛提示词而是两套带锁定版式、主题色和质检脚本的完整视觉系统;加上单文件 HTML、可一键 npx skills add 装进 Claude Code/Codex,落地路径清晰、效果图观感强,传播力很高。

来源:GitHub 11,189 stars / 879 forks,created 2026-04-23;README 视觉系统/效果

核心功能

双视觉系统 + 大量锁定版式

Style A 电子杂志风提供封面/章节/数据大字报/图文/图片网格/Pipeline/对比等 10 种布局,主打叙事;Style B 瑞士风提供 Cover/Statement/KPI Tower/Loop Diagram/Duo Compare/Image Hero/Closing Manifesto 等 22 种锁定版式,主打事实表达;各配套主题色预设(A 5 套电子墨水、B 4 套高饱和锚点色)。

来源:README 效果/主题色预设;references/layouts.md、layouts-swiss.md、themes(-swiss).md
单文件 HTML 横向翻页 deck

产出不需要构建、不需要服务器的单文件 HTML,浏览器直接打开演示;支持键盘 ←→/滚轮/触屏滑动/底部圆点/ESC 索引翻页,并有 WebGL/canvas 动画,按 B 可切低性能静态模式。

来源:README 效果(横向翻页/低性能静态/单文件 HTML)/为什么是 HTML PPT
Codex 配图链路

可在 Codex 中用 GPT-Image 2.0 / GPT-M 2.0 生成纪实照片、信息图、流程图、系统关系图、UI 情景图,并按模板比例插入 PPT;也能把已有产品截图重新设计成 PPT 需要的比例。

来源:README Codex 配图能力/常见使用场景;references/image-prompts.md
多平台封面与统一视觉规则

用同一套主题规则生成公众号 21:9 头图、公众号 1:1 分享卡、小红书 3:4、视频号横版等多平台封面,PPT、配图、封面、截图再设计共用一套视觉链路。

来源:README 效果(多平台封面)/封面生成
面向 Agent 的质检与可复现

把 HTML/CSS 作为文本让 agent 直接读改验证,瑞士风附 scripts/validate-swiss-deck.mjs 脚本校验版式、图片槽位、标题对齐与危险 SVG,references 下还有 checklist、components、swiss-layout-lock 等约束文件保证产出稳定。

来源:README 为什么是 HTML PPT/核心设计原则;scripts/validate-swiss-deck.mjs、references/checklist.md

技术架构

本质是一个 Agent 技能包,不是应用,核心是约束与参考资产而非可执行程序。根目录 SKILL.md 定义技能给 agent 的工作方式;references/ 是知识与规则库——layouts.md / layouts-swiss.md(A/B 两套版式定义)、themes.md / themes-swiss.md(主题色)、components.md(组件)、image-prompts.md(配图提示词)、checklist.md(踩坑清单)、swiss-layout-lock.md / swiss-map-component.md / screenshot-framing.md(瑞士风锁定版式、地图组件、截图取景等专项规则);scripts/validate-swiss-deck.mjs 是唯一的可执行件,用 Node 校验瑞士风 deck 的版式与槽位合规;assets/ 放示例与素材。agent 读这些规则后直接产出单文件 HTML(含内联 CSS/JS/WebGL),交付物自包含、可浏览器打开。整体是「SKILL 入口 + references 规则库 + 校验脚本」的技能化结构,把作者的设计经验编码成 agent 可遵循、可校验的产出契约。

来源:tree(SKILL.md、references/*、scripts/validate-swiss-deck.mjs、assets/);README 目录结构/核心设计原则

项目知识图谱

知识图谱:项目核心节点(中心)+ 核心功能(内环六边形)+ 关键技术依赖(外环 chip) 单文件 HTML + 内联 CSS/JS单文件 HTML +… WebGL / canvas 动画WebGL / canvas… Node (scripts/validate-swiss-deck.mjs 校验)Node GPT-Image 2.0 / GPT-M 2.0(可选配图,经 Codex)GPT-Image 2.0… Skills CLI (npx skills add)Skills CLI 双视觉系统 + 大量锁定版式双视觉系统 + 大量锁定… 单文件 HTML 横向翻页 deck单文件 HTML 横向翻页… Codex 配图链路 多平台封面与统一视觉规则多平台封面与统一视觉规… 面向 Agent 的质检与可复现面向 Agent 的质检与可… guizang-ppt-skill 项目本体 核心功能 关键依赖

中心为项目本体,内环 = 核心功能模块,外环 = 关键技术依赖;按 deep.json 中的 core_features 与 tech_stack.key_deps 自动生成

技术栈

语言HTML / CSS / JS(产出物)+ Node(校验脚本)框架Agent Skill(无运行时框架)
单文件 HTML + 内联 CSS/JSWebGL / canvas 动画Node (scripts/validate-swiss-deck.mj…GPT-Image 2.0 / GPT-M 2.0(可选配图,经 Cod…Skills CLI (npx skills add)
本地优先,无需构建/服务器;装进 Claude Code/Codex/Cursor 等有文件+shell+浏览器预览的 agent;配图依赖外部图像模型
来源:README 为什么是 HTML PPT/平台支持;tree

快速上手

一行装:`npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill`;也可把仓库克隆到 ~/.claude/skills/guizang-ppt-skill(让 agent 检查 SKILL.md、assets/、references/ 是否就位),更新用 git pull。装好后直接对 agent 说需求,例如「帮我基于这篇文章做一份瑞士风 PPT,控制在 7 页左右,需要 2-3 张配图」「把这份 Markdown 做成杂志风演讲 PPT」「基于核心观点生成一张公众号 21:9 头图」。最适合在 Claude Code(原生 Skill 迭代)或 Codex(生成+配图+浏览器视觉检查)里用;普通 Chatbot(无文件系统/浏览器预览)不推荐。
来源:README 30 秒开始/安装/平台支持/示例请求

使用场景

适合:①把长文章/Markdown/观点快速做成有设计感的演讲 deck,用于线下分享、行业内部讲话、私享会、AI 产品发布、demo day、个人风格强的演讲;②方法论/产品分析用瑞士风、个人叙事用电子杂志风;③用同一套视觉规则批量产出多平台封面与统一风格配图。不适合:大段表格数据、信息密度高的培训课件、以及需要多人协作编辑的场景(产出是静态 HTML);也不适合没有文件系统与浏览器预览的普通 chatbot。

来源:README 适合/不适合/常见使用场景

优势与局限

优势

  • 不是提示词堆砌,而是两套成熟视觉系统 + 大量锁定版式 + 主题色,产出有设计感且风格统一
  • 面向 Agent 工程化:HTML/CSS 是文本可读改验,瑞士风还有 Node 脚本做版式/槽位/危险 SVG 校验,质量可控
  • 交付极轻:单文件 HTML 无需构建/服务器,浏览器直接演示、发送、截图,低性能可一键切静态
  • 覆盖完整视觉链路:PPT、配图(GPT-Image/GPT-M)、多平台封面、截图再设计共用一套规则
  • 作者经验沉淀扎实(checklist 写满踩坑),安装一行(npx skills add),且有真格资助与活跃社区

局限

  • 强依赖宿主 agent 能力:需要文件系统、shell 与浏览器预览,普通 chatbot 难稳定产出完整 deck
  • 不适合数据密集/培训课件/多人协作编辑场景(静态 HTML、信息密度有上限)
  • 配图能力依赖外部图像模型(GPT-Image 2.0/GPT-M 2.0,主要在 Codex 中),有额外成本与可用性约束
  • 产出质量仍受 agent 模型水平影响,复杂内容可能需要多轮迭代和人工微调
  • 尚无正式 Release,处于早期快速迭代;部分平台(如 WorkBuddy)仍在适配中
来源:README 适合不适合/平台支持/为什么是 HTML PPT;tree

最新版本

仓库以技能包 + 主分支形式维护,无正式 GitHub Release,更新活跃(最近 push 2026-05-19),README 区分了「旧主题 Style A」与「新主题 Style B 瑞士风」,表明在持续扩充版式与主题,并有 Roadmap。

来源:GitHub 无 releases;pushed_at 2026-05-19;README 新旧主题/Roadmap

总结评价

在「让 AI 做 PPT」这个被无数提示词模板占据的赛道里,Guizang PPT Skill 的差异化很清楚:它不是给几句提示词,而是把作者多场线下分享沉淀的两套完整视觉系统(电子杂志风 + 瑞士风)、几十种锁定版式、主题色、配图与封面规则,连同 checklist 和校验脚本,一起编码成 agent 可遵循、可验证的产出契约,交付物还是可直接演示的单文件 HTML。对要做有设计感的演讲 deck、又在用 Claude Code/Codex 的人,这是目前中文圈完成度最高的 PPT 技能之一。它的边界也明确:依赖宿主 agent 的文件/浏览器能力、不适合数据密集或协作编辑、配图要外部模型。按这些前提用,它能实打实省下排版功夫。

来源:综合 README 定位/视觉系统、tree 技能结构、平台与发布状态的事实判断

常见问题

guizang-ppt-skill 是什么?

Guizang PPT Skill 是 AI 博主歸藏(op7418)做的一个 Agent 技能:装进 Claude Code / Codex / Cursor 等有文件与 shell 权限的环境后,让 agent 生成单文件 HTML 的横向翻页网页 PPT,并配套生成 PPT 配图与多平台封面。

guizang-ppt-skill 有哪些核心功能?

guizang-ppt-skill 的核心功能包括:双视觉系统 + 大量锁定版式、单文件 HTML 横向翻页 deck、Codex 配图链路、多平台封面与统一视觉规则、面向 Agent 的质检与可复现。

guizang-ppt-skill 为什么最近很受关注?

约一个月即超过 1.1 万星、879 fork,热度来自三点:作者歸藏在中文 AI 圈有很强影响力;它命中「让 AI 做出好看 PPT」这个高频刚需,且给出的不是泛泛提示词而是两套带锁定版式、主题色和质检脚本的完整视觉系统;加上单文件 HTML、可一键 npx skills add 装进 Claude Code/Codex,落地路径清晰、效果图观感强,传播力很高。

guizang-ppt-skill 适合哪些使用场景?

适合:①把长文章/Markdown/观点快速做成有设计感的演讲 deck,用于线下分享、行业内部讲话、私享会、AI 产品发布、demo day、个人风格强的演讲;②方法论/产品分析用瑞士风、个人叙事用电子杂志风;③用同一套视觉规则批量产出多平台封面与统一风格配图。不适合:大段表格数据、信息密度高的培训课件、以及需要多人协作编辑的场景(产出是静态 HTML);也不适合没有文件系统与浏览器预览的普通 chatbot。

透明度声明
本页内容由 AI(大语言模型)基于以下公开材料自动生成:GitHub README、代码目录结构、依赖文件、Release 信息。 分析时间: 2026-05-22 18:17. 质量评分: 100/100.

数据来源:README、GitHub API、依赖文件