使用 Coding Agent 制作基于 HTML 的幻灯片

做 PPT 是一件低效且重复的工作，PowerPoint、Keynote 或 Canva，这类软件不够纯粹，上手门槛高，跨平台兼容性还低，费力不讨好。

AI 发展这么快的今天，依然没有一个产品能够把生成 PPT 这件事做到完美可用的。

既然 AI Agent 制作 PPT 不友好，但我们可以换个思路，换成 AI 友好型，AI 擅长生成网页、图像，但图像幻灯片就意味着失去了转场动画，所以我们选择网页。

PPT 与 HTML，这件事不亚于 Word 文档与 Markdown 的关系。

最近 GitHub 上有一个项目，直接把这套范式实现了，歸藏大佬制作的 PPT Skill。

项目地址 github.com/op7418/guizang-ppt-skill

它的思路很简单，也很激进：

用一句 Prompt，直接生成一份「杂志级」的幻灯片网页。

项目介绍

guizang-ppt-skill 是一个运行在 AI Agent（如 Claude Code / Codex 等工具）中的 Skill。

核心能力一句话可以概括：

把项目描述 → 转成一份可直接演示的 HTML PPT。

它不是传统 PPT，而是生成一个 Web Presentation。

• 单文件 HTML（无需安装软件）
• 横向滑动翻页（带动画与交互）
• 浏览器直接打开即可演示（跨平台兼容性高）

作者歸藏大佬本身有多年设计经验，并把这些经验写进了系统规则中。

• 字体分层（衬线 / 非衬线 / 等宽）
• 页面节奏（Hero 页 vs 内容页）
• 留白与网格优先，而不是花哨装饰
• WebGL 背景只在关键页出现

它不是 PPTX，而是 HTML，这带来几个关键优势：

• ✅ 不依赖本地字体
• ✅ 不依赖软件版本
• ✅ 可分享，可部署
• ✅ 体积友好

效果如何

这个 Skill 内置了 10 种页面布局，基本覆盖一场演讲的全部结构：

• 封面页
• 章节分割页
• 数据展示页
• 左文右图
• 图片网格
• 流程图（Pipeline）
• 引用页
• Before / After 对比

再加上：

• 5 套主题色
• WebGL 动态背景
• 横向滑动交互

使用体验

这是我自己的毕业设计答辩 PPT，用的就是这个 Skill 制作的。

Prompt 就一句话：

●●●github.com/hackdeacon/KirinGo 根据这个项目做一个毕设答辩 PPT

使用的是国产模型 MiMo-2.5-Pro 和火山方舟 Coding Plan 的混合模型 ark-code-latest，国产模型都有这效果，那强劲的御三家模型我不敢想象效果如何。

其实这才是 PPT 该有的样子，极简、克制、突出重点、层次感、品味，而不是把演讲稿全部堆砌在页面上。

PPT 页面体验地址 ppt.kiringo.cn（无移动端适配，请用电脑打开）

动画演示视频：