用 Claude Code 做科技风 PPT：为什么一定要配合 Skill
过去做 PPT，很多时间花在"把内容摆好看"上。标题怎么压，图片放哪里，数据页怎么不乱，封面怎么有一点科技感，每一步都像在和版式较劲。
直接让 Claude Code 裸跑当然也能生成 PPT。问题在于，它很容易把"科技风"理解成渐变、发光、玻璃拟态、随机色块和一堆看起来很努力的装饰。第一眼可能有点热闹，真正拿去演示时，经常会发现标题不稳、层级混乱、页面风格不统一，几乎没法直接用。
Skill 的价值就在这里。它提前锁住风格、版式、图片槽位、字号层级和导出格式，让 Claude Code 少一点随机发挥，多一点稳定交付。你得到的结果不再是"AI 尝试做了几页"，而是一份更接近可直接演示、可截图、可延展的 PPT 资产。
这篇文章用 Guizang PPT Skill 做主例子。它适合把文章、Markdown、分享提纲变成单文件 HTML 横向翻页 PPT，也能继续延展公众号头图、小红书封面和分享卡。先看一张用它的瑞士风方向做出来的封面效果。
这张示例图走的是 Guizang 的 Style B 瑞士国际主义方向。深色画布、严格网格、发丝线、直角、单一高饱和锚点色，会让 AI 工具、产品发布、数据复盘、技术分享这类主题显得更干净。关键不在"做得更花"，而在它知道哪些东西不能乱来。
为什么这套 Skill 最近这么火
Guizang PPT Skill 的火，来自一个很明确的需求：大家已经不满足于让 AI 生成一堆普通模板页了。真正需要的是一套稳定的视觉规则，让 Agent 知道什么叫"杂志风"，什么叫"瑞士风"，什么页面该用大标题，什么页面该用流程图，什么内容只能放进图片槽位里。
到 2026-06-05，Guizang PPT Skill 已经有 15k stars、1.1k forks。歸藏关于 PPT Skill 大更新的长文，也拿到了 1276 赞、272 转发、47 条评论、2057 收藏、约 22.4 万阅读。这个数据很能说明问题。真正让人保存和转发的，是"AI 能做 PPT"背后那套能稳定复用的审美系统和导出方案。
Guizang 的两套风格可以这样理解。第一种是 Style A 电子杂志风，适合个人表达、观点分享、叙事型演讲。它像一本会翻页的数字杂志，画面更有作者气质。
第二张是 Style B 瑞士国际主义，适合事实、产品、分析、方法论表达。它更克制，重心放在网格、字号、数字、流程和留白上。科技风 PPT 可以直接从这个方向开始。
这也是我建议用 Guizang 做入门例子的原因。它提供的不只是模板，还把审美边界和交付边界都写清楚了。Claude Code 按这些边界生成，结果会更像可用的 PPT，少一点裸跑时的放飞。
关键差别：先锁规则，再生成
Claude Code 做 PPT，最稳的方式是先安装 Skill，再把主题和资料交给它，让它按照 Skill 里的视觉系统抽页面节奏。接着生成 HTML Deck，进入浏览器预览，一页一页看。最后按反馈修改，并延展封面、分享图或导出文件。
这个顺序很重要。裸用 Claude Code 时，Agent 会自己猜版式、猜配色、猜动效。猜得越多，画面越容易失控。Guizang 的价值，是把这些选择提前收窄：Style A 用于叙事，Style B 用于事实和方法论，图片进入固定槽位，瑞士风使用锁定版式，最后以单文件 HTML 交付。
第一步：先装好 Guizang
在 Claude Code 里可以直接用安装命令。
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill也可以把这段话直接发给 Claude Code。
帮我安装 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。装完后重启 Claude Code。然后先用一个很小的主题试跑，比如"帮我做一份 3 页瑞士风 PPT"。这一步主要用于确认 Claude Code 能找到这个 Skill。
第二步：把主题交给 Claude Code，不要急着要成品
Guizang 很适合处理长文章、Markdown、演讲提纲、产品文档。你可以把材料贴给 Claude Code，让它先拆内容。
请使用 guizang-ppt-skill，把下面主题做成一份科技风 PPT。
主题：[填写主题]
目标读者：[填写读者]
使用场景：[线下分享 / 产品发布 / Demo Day / 内部汇报 / 课程演讲]
页数：[填写页数，例如 7 页]
演讲时长：[填写时长，例如 8 分钟]
已有素材：[粘贴文章、笔记、数据、产品截图、链接或 Markdown]
硬约束：
中文必须清楚可读
每页只表达一个核心信息
不要堆满文字
不要使用蓝紫渐变做主要视觉
需要浏览器预览这里最有用的地方，是 Claude Code 对内容的第一次抽取。它会告诉你哪些内容适合做封面，哪些适合做数据页，哪些适合做方法论页，哪些应该删掉。
第三步：先看页面节奏，再生成 HTML
科技风 PPT 最怕"每页都像封面"。好的演示稿需要节奏：封面抓人，问题页收紧，方法页展开，数据页给证据，结尾页收束。所以在生成前，先让 Claude Code 给页面节奏。
这份 PPT 请使用 Guizang 的 Style B 瑞士国际主义。
视觉方向：
深色画布 / 严格网格 / 直角块面 / 1px 发丝线 / 单一高饱和锚点色 / 大标题强对比 / 正文信息克制
主题色：优先使用柠檬绿或安全橙作为锚点色。
页面气质：科技产品发布 / AI 工具演示 / 数据复盘 / 方法论分享
请先给我页面节奏表。确认后再生成完整 HTML。当页面节奏确认后，再让它生成 HTML Deck。
页面节奏确认。
请继续使用 guizang-ppt-skill 生成完整 HTML Deck。
要求：
控制在 7 页左右
使用 Style B 瑞士国际主义
每页只保留一个核心观点
标题要短
正文不要超过三行
需要 2 到 3 张配图位置
没有真实图片时先用结构化图形或占位版式
生成后告诉我 HTML 文件路径Guizang 的核心交付是单文件 HTML。它不需要服务器，也不需要构建。生成后直接用浏览器打开，就能横向翻页演示。
第四步：浏览器预览才是关键
预览时不要只看封面。每一页都要检查标题有没有压出边界，正文是不是太密，图片槽位有没有对齐，翻页组件有没有挡住内容。科技风 PPT 的高级感，很多时候来自"没有出错"。
请打开生成的 HTML Deck 做浏览器预览。
逐页检查这些问题：
标题是否溢出 / 正文是否过密 / 图片槽位是否对齐 / 页脚和翻页组件是否遮挡内容 / 锚点色是否过多 / 移动端或小窗口是否还能看清
请把需要修改的页面列出来。Guizang 的瑞士风还有校验脚本。它会检查一些常见版式错误，比如标题居中、图片脱离槽位、文字塞进 SVG、页面结构不符合锁定版式。
node scripts/validate-swiss-deck.mjs path/to/index.html校验只是底线。真正的判断还是要回到浏览器里看。PPT 是给人看的，脚本只能帮你拦住一部分低级问题。
第五步：像改设计稿一样改 PPT
第一版出来后，不要只说"再高级一点"。Claude Code 更适合接收具体反馈。比如哪一页太密，哪一页数字太小，哪一页图片槽位太空，哪一页标题不够锋利。
请基于当前 HTML Deck 修改。
需要保留：整体深色瑞士风 / 柠檬绿锚点色 / 封面的标题结构 / 第 3 页的方法论流程
需要修改：第 2 页正文太密 / 第 4 页数字不够突出 / 第 5 页图片槽位太空 / 结尾页行动建议不够清楚
修改要求：先修版式结构 / 再调整字号和间距 / 不要新增复杂装饰 / 不要更换整体风格 / 修改后重新预览一轮只改一个层面。先结构，再文字，再视觉，再动效。这样 Claude Code 不容易在修改中把原本好的地方一起改坏。
第六步：从 PPT 延展出封面和分享图
Guizang 的另一点价值，是它把 PPT 和社交媒体图片放进了同一套视觉系统。你做完一份演示稿后，可以继续从里面抽出公众号头图、1:1 分享卡、小红书封面、视频号横版封面。
PPT 里最强的一页，往往就能继续做封面。你不用重新想一套视觉。沿用同一套网格、色彩和标题层级，传播图会更统一。
请基于刚才这份 PPT 的核心观点，继续用 guizang-ppt-skill 生成配套封面。
需要生成：公众号 21:9 头图 / 公众号 1:1 分享卡 / 小红书 3:4 封面
视觉规则：沿用 Style B 瑞士国际主义 / 沿用当前锚点色 / 标题优先 / 保留科技风网格和发丝线 / 不要添加平台 logo / 不要添加多余口号
请先给我 2 个封面方向。确认后再生成完整版本。这也是 HTML Deck 的好处。它本来就在浏览器里，截图、改尺寸、延展成封面都很自然。
一段可以直接复制的完整提示词
如果你想从零跑通，可以把下面这段发给 Claude Code。
请使用 guizang-ppt-skill，帮我制作一份科技风 PPT。
主题：[填写主题]
目标读者：[填写读者]
使用场景：[填写场景]
页数：7 页左右
风格：Guizang Style B 瑞士国际主义
视觉要求：
深色画布 / 严格网格 / 直角块面 / 1px 发丝线 / 单一高饱和锚点色 / 大标题强对比 / 正文信息克制 / 不要蓝紫渐变 / 不要无功能装饰
内容要求：
先抽取核心观点 / 先给页面节奏表 / 我确认后再生成 HTML Deck / 每页只表达一个核心信息 / 需要 2 到 3 张配图位置 / 没有真实图片时使用结构化图形
生成要求：
生成单文件 HTML 横向翻页 PPT / 告诉我文件路径 / 打开浏览器预览 / 逐页检查文字溢出、信息密度、图片槽位和翻页组件遮挡 / 如有问题，先修版式，再修细节
延展要求：
PPT 完成后，基于同一套视觉规则生成公众号 21:9 头图、1:1 分享卡和小红书 3:4 封面。这段提示词的核心，是让 Claude Code 先进入 Skill 的规则，再开始生成。规则越清楚，成品越接近可直接演示的 PPT。
什么时候换别的 Skill
很多人会问，既然 Guizang 已经能做 PPT、配图和封面，其他 Skill 还要不要看。要看。因为这些 Skill 解决的不是同一个问题。
Guizang 更像内容创作者的网页 PPT 系统。Frontend Slides 更像网页演示稿生成器。Huashu Design 更像一套综合设计工作台。gpt-image2-ppt-skills 更像高审美图片型 PPT 生成器。它们都能帮 Claude Code 做 PPT，但审美方向、可编辑性和导出格式差别很大。
公开演讲、文章转 PPT、线下分享：优先用 Guizang
如果你要做一场有个人风格的公开分享，或者把长文章改成 6 到 10 页演讲稿，Guizang 是最直接的选择。它的强项是把"内容表达"和"视觉气质"绑在一起。Style A 适合叙事和观点，Style B 适合产品、分析和方法论。它不会让 Claude Code 随便发明页面，而是让 Agent 在已经设计好的版式系统里选页面。
社区热度上，Guizang 已经是中文 AI PPT Skill 里很有代表性的项目。到 2026-06-05，它有 15k stars、1.1k forks；它的大更新长文也有 1276 赞、272 转发、2057 收藏、约 22.4 万阅读。这个收藏量说明它不是单纯"看起来很酷"，很多人确实把它当成可复用工具保存了。
导出上，Guizang 的核心是单文件 HTML。它适合浏览器演示、截图、录屏，也能继续延展公众号 21:9、公众号分享卡 1:1、小红书 3:4、视频号 16:9 封面。需要原生 PPTX 时要提前注意，Guizang 当前主流程不走 PPTX。
旧 PPT 转网页演示、发一个可访问链接：用 Frontend Slides
Frontend Slides 的定位更偏网页演示稿。它的 README 里把自己定义为 coding-agent skill，可以从零创建 HTML presentations，也可以把 PowerPoint 文件转成网页演示。它的一个关键卖点是"先生成视觉预览，再让你选"。这对普通用户很重要，因为很多人说不清自己想要什么风格，但看三张预览就能马上做判断。
它的社区热度是这几个项目里最高的。到 2026-06-05，Frontend Slides 已经有 20.3k stars、1.7k forks。这个量级说明它已经不只是一个小众模板，而是被大量用户当成 Claude Code 做网页 slides 的入口。
风格上，Frontend Slides 比 Guizang 更开放。它有 safe presets，也接入了 Bold Template Pack，里面有 Soft Editorial、Neo-Grid Bold、Editorial Tri-Tone、Signal 等大量视觉系统。Guizang 更像两套强风格路线，Frontend Slides 更像一个视觉方向选择器。
导出上，它的主产物也是零依赖单文件 HTML。额外优势在分享链路：README 里提供 Vercel 部署脚本，可以把演示稿发成一个可访问链接；也提供 PDF 导出脚本，用 Playwright 把每页截图合成 PDF。它适合旧 .pptx 转网页、需要发链接给别人看、需要邮件或 Notion 里放一份静态 PDF 的场景。
PPT 只是其中一环，还要原型、动画、信息图：用 Huashu Design
Huashu Design 的范围更大。它做的是一套 HTML-native 设计工作流。README 里写得很明确：3 到 30 分钟可以 ship 产品发布动画、可点击 App 原型、可编辑 PPT、印刷级信息图。它适合成组的产品发布物料，不只面向单份演示稿。
社区热度也很高。到 2026-06-05，Huashu Design 已经有 16.2k stars、2.1k forks。它的 fork 数比 Guizang 和 Frontend Slides 都更高，说明很多用户不只是收藏，还可能想二开、改造或接入自己的设计流程。
风格上，Huashu Design 更像"设计总监 + 制作工具"。它会先给设计方向，也能做 5 维度评审。相比 Guizang 的杂志风和瑞士风，Huashu 更适合品牌发布、App 原型、产品故事、功能解释和动效展示。你给它 logo、色板、UI 截图，它会更像围绕品牌资产做一组东西。
导出上，Huashu 的优势最明显。它能做 HTML deck，也强调可编辑 PPTX；动画可以导 MP4、GIF；信息图可以导 PDF、PNG、SVG。这个范围比单纯 PPT Skill 大很多。如果你需要的是一套发布会物料、产品演示视频、原型和信息图，Huashu 更适合。
追求强视觉冲击、模板仿制、整页海报感：用 gpt-image2-ppt-skills
gpt-image2-ppt-skills 走的是图片生成路线。它把每一页都当成完整视觉稿来生成，减少对文本框和形状的依赖。README 里的说法很直接：一句自然语言生成 16:9 高清图片和打包好的 .pptx，也可以仿任意 .pptx 模板出新内容。
社区热度上，它比前三个项目小。到 2026-06-05，gpt-image2-ppt-skills 有 854 stars、44 forks。但它代表的是另一个分支：不用 HTML/CSS 精排，而是直接用 gpt-image-2 的审美、构图和排版能力生成整页视觉。对于追求"第一眼好看"的场景，这条路线很有吸引力。
风格上，它内置 10 套精选风格，例如 Spatial Glass、Tech Blue、Editorial Mono、Dark Aurora、Riso、Swiss Grid、Hand Sketch、Y2K Chrome 等。它还支持模板克隆，丢一份 .pptx 或图片进去，让 AI 参考版式、配色和插画语言，再换成你的内容。
导出上，它的核心是每页 PNG 高清原图加 16:9 .pptx。这听起来很像普通 PPT，但要注意，它的文字和背景本质上常常是一整张图片。适合路演封面、活动视觉、模板仿制、快速生成完整 deck；如果你需要逐字逐对象编辑、严格改数据表格、法务长文或财务报表，就要谨慎。
所以，选 Skill 之前先问自己一个问题：最后你要交付什么格式。如果要在浏览器里讲，Guizang 和 Frontend Slides 很顺。如果要 PPTX 且还想保留文本框，Huashu 更值得看。如果要图片型高完成度视觉稿，gpt-image2-ppt-skills 更快。如果要从文章变成一套演讲和封面，Guizang 是最容易出稳定成品的起点。
最后
Claude Code 做 PPT 的关键，不只是能不能生成页面。真正影响成品质量的，是它有没有一套足够明确的设计边界。
Guizang PPT Skill 给了一个很好的样本。它把 PPT 做成 HTML，把审美写进规则，把封面和配图也放进同一条链路。对内容创作者来说，这意味着一篇文章可以变成演讲稿，变成封面，变成信息图，变成一组能发布的视觉资产。
这也是这类 Skill 最有意思的地方。它让 Claude Code 从"会生成页面"走向"能导出更接近成品的 PPT"。Claude Code 负责生成和修改，Skill 负责锁住审美边界和导出方式，人负责判断哪一页真正讲清楚了。