guizang-ppt-skill：让 Claude 一键生成电子杂志风的 HTML 幻灯片

一个专为 Claude Code / Codex 等 AI Agent 环境设计的 PPT 生成 Skill，你只需说”帮我做一份瑞士风 PPT”，Agent 就会自动生成一个可直接在浏览器打开的单文件 HTML 横向翻页演示文稿，内置电子杂志风和瑞士国际主义两套视觉系统。2026 年 8 月初 GitHub Trending 设计类 Skill 集中爆发时，它两天破 2000 星、一周接近翻倍增长，成为当月设计类 Skill 中最具话题性的项目之一。

功能与原则

guizang-ppt-skill 的核心能力是将 AI 生成的内容直接转化为可直接演示的高质量 HTML 幻灯片，无需人工排版。设计原则高度明确：用约束替代自由——通过 5 套主题色预设和 10 种页面骨架，剥夺 AI 的”排版自由”，让输出风格统一、可控、好看。这与大多数”让 AI 自由发挥”的工具思路完全相反。

认可度

• GitHub Star：23,715（截至 2026-08-11）
• Fork：1,700
• 2026 年 8 月初 GitHub Trending 设计类 Skill 集中上榜，guizang-ppt-skill 两天突破 2000 星，同期设计类 Skill 批量冲榜引发社区讨论

链接

GitHub：https://github.com/op7418/guizang-ppt-skill

原作者

歸藏（GitHub @op7418），设计师背景，专注于”一人公司”场景下的 AI 工具化实践，在 GitHub 和 X 平台活跃。

介绍

这个 Skill 脱胎于作者十年的设计经验沉淀。它本质上是一个设计约束引擎，而不是传统意义的 PPT 工具——你不需要打开任何软件，只需要给 Agent 一个指令，它就会根据你的内容自动匹配布局骨架、主题色和图片提示词，生成一个完整的单文件 HTML 演示包。

内置两套视觉系统：Style A 是”电子杂志 × 电子墨水”风格，类似 Monocle 杂志贴上代码，适合叙事、观点和个人风格表达；Style B 是瑞士国际主义风格，网格至上、高饱和锚点色、直角和发丝线，适合事实、产品、分析和方法论类内容。

生成结果不仅是 HTML 幻灯片，还附带 PPT 配图和多平台封面图生成能力，以及完整的排练与演讲者模式。

特点

• 单文件 HTML 输出：无需任何构建工具，直接浏览器打开即可演示，支持横向翻页动画
• 两套内置视觉系统：Style A（电子杂志风）和 Style B（瑞士国际主义），风格差异明显，适用场景互补
• 设计约束机制：通过预设主题色（5 套）和页面骨架（10 种），强制 AI 输出风格统一，消除随机排版
• WebGL + Motion One 动画：内置低功耗动画运行时，幻灯片翻页流畅，视觉效果现代
• 配套配图与封面生成：不只是幻灯片，还生成小红书封面、公众号封面等多平台素材

使用方法

安装（Claude Code 环境）：

npx skills add op7418/guizang-ppt-skill

基本调用示例——在 Claude Code 中对 Agent 说：

帮我做一份瑞士风的 PPT，主题是《AI 时代的设计师生存指南》，包含 8 页

Agent 会自动：读取 SKILL.md → 匹配 Style B 瑞士主题 → 按 10 种骨架分配页面结构 → 生成配图提示词 → 输出完整单文件 HTML 幻灯片。

使用场景与人群

适用场景：线下分享、演讲、产品演示、技术博客配图、社交媒体封面图生成。目标用户：设计师、产品经理、开发者、内容创作者，尤其适合需要频繁做演示但不想花时间在排版上的人群。

输入与输出案例

输入示例 1：

“帮我做一份电子杂志风的 PPT，主题是《2026年AI编程趋势》，5页，包含技术趋势、工具链变化、开发者心态变化”

输出： 一个单文件 HTML，Style A 视觉系统，每页匹配不同骨架（封面页/数据页/引用页/图解页/结尾页），可直接浏览器打开左右翻页，含配套封面图。

输入示例 2：

“用瑞士国际主义风格做一个产品介绍，主题是开源项目 Superpowers，包含项目背景、核心功能、Star 增长曲线、适用人群”

输出： Style B 视觉系统，高饱和单一锚点色配网格背景，数据页配图解，说服力强的结构化演示，配套多平台封面图。

GitHub: https://github.com/op7418/guizang-ppt-skill