guizang-ppt-skill

给 AI Agent 用的「视觉瑞士军刀」：guizang-ppt-skill 让 AI 一键生成专业级网页 PPT

场景引入

想象一下这个画面：你在准备一场行业分享，需要一份既有设计感又能快速交付的演示材料。传统的选择是 PowerPoint，但当你面对的是 Claude Code / Codex 这类 AI 编程助手，这些工具却无法直接驱动 PPT 生成。直到你发现了 guizang-ppt-skill——一款专为 AI Agent 环境设计的网页 PPT 生成 Skill。作者是独立开发者「歸藏」，基于其在多场线下分享中的真实需求沉淀而成。它能将一篇文章、一段大纲、甚至一个模糊的想法，快速转化为一份可以在浏览器中直接打开、左右翻页、有设计感的网页演示稿。

背景与起源

为什么是 HTML 而不是 PPT？歸藏在多次线下分享中反复遇到一个问题：AI 生成了高质量的内容，但演示工具却跟不上。传统 PPT 需要图形界面和多人协作编辑，这些恰恰是 AI Agent 最薄弱的能力。他的解决方案是：让 HTML 成为 PPT 的载体。HTML 本身是文本，AI 可以直接读取、修改、验证；最终生成的是一个单文件 HTML，打开浏览器即可演示，无需服务器、构建工具，甚至不需要联网。这种设计哲学贯穿整个项目：工具链越薄，AI 能掌控的部分就越多，输出质量越稳定。

核心能力：两套视觉系统

guizang-ppt-skill 提供了两套截然不同但内在统一的视觉语言，适用于不同的表达场景。

Style A：电子杂志 x 电子墨水 借鉴 Monocle 杂志的排版美学，衬线标题字体（Playfair Display + Noto Serif SC）、温暖色调、WebGL 流体/等高线/色散动态背景，适合叙事性强的内容：行业观察、个人观点分享、文化评论、商业发布。Style A 提供 10 种版式布局，覆盖演讲型 PPT 的主流场景。

Style B：瑞士国际主义 是项目后期重点发展的视觉系统，致敬 Massimo Vignelli 和 Helvetica 时代的设计语言。全程使用无衬线字体（Inter + Helvetica + Noto Sans SC）、极致的字号对比、高饱和功能色（克莱因蓝 IKB / 柠檬黄 / 柠檬绿 / 安全橙四选一）。背景是 WebGL 极细网格点阵，信息驱动设计。Style B 提供 22 种锁定版式，专为数据汇报、科技产品发布、年度总结等场景设计。锁定版式的意义在于：AI 生成时只需填充内容，排版结构已由模板固定，设计质量有保障。

技术实现：Agent 原生设计

从工程视角看，这个 Skill 的设计处处体现了「为 AI 而优化」的原则。所有样式、内联 JavaScript、WebGL 着色器、动画库全部打包在一个 HTML 文件中，AI 不需要理解复杂的构建流程，只需复制模板、填充内容、浏览器验证。双分支安装支持 Claude Code 原生 Skill 工作流（npx skills add），也支持手动 Git 克隆。Style B 提供了与 GPT-Image 2.0 / GPT-M 2.0 的集成路径，可以生成纪实照片、信息图、流程图、UI 情景图，并按模板比例自动插入。B 键可以关闭 WebGL / Canvas 动画，让动态背景退回静态状态，确保在性能较弱的设备上也能正常演示。

上手体验

实际使用非常直接。以 Claude Code 为例，安装后只需要说「帮我基于这篇文章做一份瑞士风 PPT，控制在 7 页左右，需要 2-3 张配图」，Agent 就会自动执行完整工作流：选择风格、7 问清单对齐需求、拷贝模板、填充内容、配图生成（如果需要）、自检（对照 checklist.md）、浏览器预览。整个过程 AI 自主完成，人只需要在最后审阅和提出修改意见。

局限与边界

guizang-ppt-skill 也有明确的边界：不适合大段表格数据、培训课件（信息密度不够）、多人协作编辑场景。它是静态 HTML，无法实现 PPT 的动画路径、演讲者备注、协作评论等能力。此外，对普通 Chatbot 而言，由于没有文件系统访问和浏览器预览能力，生成稳定完整 deck 的难度较大。这个 Skill 真正释放价值，需要配合 Claude Code / Codex 这类具备 shell 权限的 Agent 环境。

行业意义

这个项目折射了一个正在发生的趋势：AI 原生工具链正在重新定义内容创作的工作流。guizang-ppt-skill 代表了一种思路——不是让 AI 去操作传统工具（PowerPoint、Figma），而是设计一套 AI 能完全掌控的替代方案。HTML 作为 PPT 的载体，Skill 作为工作流的封装，本质上是在构建一套 AI-First 的演示生产体系。随着 Claude Code、Codex 等 Agent 工具的普及，这类 Skill 的价值会进一步释放——它们不仅仅是 Prompt 集合，而是经过大量真实使用场景打磨过的、可复用的 AI 工作流资产。