第一部分：痛点与破局
有没有过这种经历：为了线下分享做PPT，找了几十套模板要么土得掉渣要么千篇一律，自己调排版调配色折腾一下午还是不满意，导出后要么字体乱了要么图片糊了，分享还要传好几MB的文件，到场还要担心电脑有没有装对应软件？
尤其是做AI产品发布、行业私享会、Demo Day这种需要强个人风格的场合，普通PPT根本撑不住场子，想做个有格调的Slides还要会前端写代码？
今天给大家挖的这个宝藏项目guizang-ppt-skill，就是专门解决这个痛点的：它是适配Claude Code/Codex等AI Agent的网页PPT技能，直接生成单文件HTML横向翻页PPT，视觉风格是「电子杂志×电子墨水」，逼格直接对标Monocle杂志，还不用你写一行代码。
第二部分：核心功能深挖
✅ 全链路审美预设，零排版基础也能出大片
所有设计规则全部内置，完全不用你纠结审美：
- 字体分工默认拉满：衬线大标题+非衬线正文+等宽元数据的三级体系，不用自己调字体搭配
- 5套官方认证主题色，禁止自定义hex，保证审美下限：
- 🖋 墨水经典：通用默认、商业发布、不知道选啥就用它
- 🌊 靛蓝瓷：科技/研究/AI/技术发布会
- 🌿 森林墨：自然/可持续/文化/非虚构
- 🍂 牛皮纸：怀旧/人文/文学/独立杂志
- 🌙 沙丘：艺术/设计/创意/画廊
- 10种现成页面布局，直接复制粘贴就能用：开场封面、章节幕封、数据大字报、左文右图、图片网格、Pipeline、悬念问题、大引用、Before/After对比、图文混排
✅ 丝滑交互，克制不炫技
完全服务于内容本身，没有多余特效：
- 横向左右翻页，全场景适配：键盘←→/滚轮/触屏滑动/底部圆点/ESC唤出索引
- WebGL流体/色散背景仅在hero首屏展示，正文页完全克制，不抢内容风头
- 输出纯单文件HTML，不需要构建、不需要服务器，任何浏览器直接打开就能用
✅ AI原生工作流，全程交给Agent搞定
从需求到成品全流程AI引导，不用自己动手：
- 适配所有带shell权限的AI Agent，安装后用自然语言就能触发
- 支持
GPT-M 2.0自动生成配图，覆盖三大类：- 人文纪实照片：富士/徕卡质感，增加人文表现力
- 信息图/流程图/系统关系图：解释抽象概念
- 截图再设计/UI情景图：统一视觉风格
- 配图自动遵守规则：不带任何页脚、角标、页码等冗余元素，自动匹配页面比例
✅ 内置质量校验，避免低级错误
所有规则内置，减少返工：
- 内置分级checklist，P0级问题必须全部通过才能交付
- 所有样式走CSS变量，切换主题仅需修改
:root下6行变量，无需改动其他代码 - 所有布局对应类名都已预先定义，不会出现样式错乱问题
第三部分：实战演示
安装方式
方式一：一行命令安装（推荐）
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
方式二：直接发给AI自动安装
把这段文字复制给Claude Code/Cursor/任何有shell权限的AI Agent即可：
帮我安装 guizang-ppt-skill 这个 Claude Code skill。请按下面步骤做:
- 确保
~/.claude/skills/ 目录存在(不存在就创建) - 执行
git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill - 验证:
ls ~/.claude/skills/guizang-ppt-skill/ 应该看到 SKILL.md、assets/、references/ 三项 - 告诉我安装好了,之后我说"做一份杂志风 PPT"之类的话就会触发这个 skill
方式三：手动命令行安装
git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill
触发方式
安装完成后，对AI说以下任意关键词即可触发：
- “帮我做一份杂志风 PPT”
- “生成一个 horizontal swipe deck”
- “editorial magazine style presentation”
- “electronic ink 风格演讲 slides”
使用流程
AI会自动按照以下7步引导你完成PPT制作：
- 需求澄清 — 6问清单：受众、时长、素材、图片、主题色、硬约束
- 拷贝模板 — 复制
assets/template.html到项目目录，修改<title>，选择主题色 - 填充内容 — 从10种布局骨架中选择，粘贴修改文案，提前做节奏规划
- 可选配图 — 可选择用
GPT-M 2.0生成对应配图，按页面比例插入 - 自检 — 对照
references/checklist.md，所有P0级问题必须通过 - 预览 — 浏览器直接打开生成的HTML文件即可
- 迭代 — 如需微调可直接修改inline style调整字号、间距等参数
第四部分：避坑指南与总结
⚠️ 注意这几个坑，避免踩雷：
- 不适用场景：大段表格数据的培训课件（信息密度不够）、需要多人协作编辑的场景（输出为静态HTML）
- 主题色只能从官方5套中选择，不允许自定义hex值，保证整体审美统一
- 自动生成的配图不能自带页脚、标题、角标、页码等元素，比例必须匹配对应布局
- WebGL背景仅首屏展示，不要私自给正文页加动效，避免喧宾夺主
这个工具完全是为了追求演讲个人风格的同学量身打造的，尤其是做线下分享、行业私享会、AI产品发布、Demo Day的朋友，不用再花大把时间调排版找模板，交给AI几分钟就能生成一套逼格拉满的PPT，而且单文件分享超级方便，走到哪里只要有浏览器就能打开，完全不用担心兼容问题。
