从 PPT 到原型设计:归藏 PPT Skill 与 Huashu Design 使用场景解析

整理歸藏 guizang-ppt-skill 与花叔 huashu-design 两个开源设计类 Agent Skill 的定位、能力差异、适用场景和使用建议。

最近两个中文开发者做的设计类 Agent Skill 很值得放在一起看:一个是歸藏的 guizang-ppt-skill,另一个是花叔的 huashu-design

它们都不是传统意义上的“设计工具”,而是把一套设计流程、审美偏好、检查清单和工程模板写成 Agent 可以执行的 Skill。你不是打开一个 UI 慢慢拖元素,而是把需求交给 Claude Code、Codex、Cursor 这类 Agent,让它按固定流程生成 HTML、PPT、动画或原型。

这类项目的价值,不在于让 AI 随机发挥,而在于把“怎么做才不难看”这件事流程化。

guizang-ppt-skill:专注杂志风网页 PPT

歸藏的 guizang-ppt-skill 定位很清楚:生成单文件 HTML 横向翻页 PPT,视觉基调是“电子杂志 × 电子墨水”。它更像一套为演讲准备的版式系统,而不是通用设计框架。

仓库 README 里列出的核心能力包括:

  • 单文件 HTML 输出,不需要构建和服务器,浏览器直接打开。
  • 横向左右翻页,支持键盘、滚轮、触屏滑动、底部圆点和 ESC 索引。
  • 5 套主题色预设,包括墨水经典、靛蓝瓷、森林墨、牛皮纸和沙丘。
  • 10 种页面布局,包括开场封面、章节幕封、数据大字报、左文右图、图片网格、Pipeline、悬念问题、大引用、Before/After 对比和图文混排。
  • 内置模板、组件说明、布局骨架、主题配置和质量检查清单。

它适合做线下分享、行业内部讲话、私享会、AI 产品发布、demo day,以及带有强烈个人风格的演讲稿。不太适合大段表格数据、培训课件和多人协作编辑。

这个项目有一个很好的取舍:它没有试图覆盖所有设计场景,而是把“杂志风 PPT”这个场景做窄。主题色只能从预设里选,布局也有明确骨架,这反而降低了 Agent 跑偏的概率。

如果你经常要把观点、行业观察、产品发布内容做成演讲 deck,它的实用性会很高。

安装命令也很直接:

1
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

huashu-design:更完整的 HTML 原生设计工作流

花叔的 huashu-design 覆盖面更大。它的目标不是只做 PPT,而是把 HTML 当成原生设计画布,用 Agent 生成可交付的设计资产。

仓库 README 里列出的能力包括:

  • 可点击 App 或 Web 原型。
  • HTML 幻灯片,以及可编辑 PPTX 导出。
  • 产品发布动画、MP4、GIF 和配乐版本。
  • 多方向设计方案并排对比。
  • 信息图、数据可视化、PDF、PNG、SVG 导出。
  • 5 维专家评审,包括哲学一致性、视觉层级、执行工艺、功能性和创新性。

它的核心思路是:让 Agent 先理解品牌和素材,再产出高保真设计。项目里强调了 Core Asset Protocol,也就是遇到具体品牌时,要先确认 logo、产品图、UI 截图、配色、字体和品牌指南,而不是凭记忆猜。

这点很重要。很多 AI 生成设计看起来“像设计”,但不像某个真实产品或品牌。huashu-design 试图把这个问题前置解决:先找真实资产,再做设计。

安装命令是:

1
npx skills add alchaincyf/huashu-design

它更适合那些希望在终端里完成较完整设计交付的人:产品原型、发布动画、演示文稿、信息图、设计评审都可以放在一个 Agent 工作流里处理。

两者最大的区别

简单说,guizang-ppt-skill 是一个更窄、更稳的演讲 deck 生成器;huashu-design 是一个更宽、更完整的 HTML 原生设计系统。

如果只看 PPT:

  • guizang-ppt-skill 更强调杂志感、节奏、版式和单文件浏览器演示。
  • huashu-design 更强调通用设计能力、可编辑 PPTX、品牌素材、导出链路和评审流程。

如果看整体设计能力:

  • guizang-ppt-skill 的边界更清晰,适合快速做一份有风格的横向演讲。
  • huashu-design 的能力更综合,适合把一个产品或品牌设计任务拆成原型、动画、幻灯片和信息图。

这两个项目也代表了两种不同的 Skill 写法。前者像一套高度收敛的模板和审美约束,后者像一个小型设计团队的工作流说明书。

为什么这类 Skill 重要

Agent 的一个常见问题是“会做,但不稳定”。同样一句需求,有时输出很好,有时就会滑向紫色渐变、圆角卡片、假图标和一堆看似高级的空话。

Skill 的意义就是把稳定性补上。它把下面这些东西固化下来:

  • 可复用的模板。
  • 可执行的检查清单。
  • 明确的审美偏好。
  • 常见错误的规避规则。
  • 输出格式和验证流程。
  • 什么时候该问问题,什么时候该直接开始做。

这比单纯写一句“请做得高级一点”可靠得多。

尤其是设计任务,审美并不是一句 prompt 就能稳定复现的。真正有用的是流程:先确认素材,再定方向,再搭结构,再做视觉,再检查输出。把这个流程写成 Skill,Agent 才更像一个可协作的执行者,而不是一次性图片生成器。

使用建议

如果你只是想把一个主题做成线下演讲或分享 deck,可以优先试 guizang-ppt-skill。它的输出边界窄,单文件 HTML 也方便分发和预览。

如果你想让 Agent 承担更完整的设计任务,比如 App 原型、发布动画、品牌化幻灯片、可导出 PPTX 或信息图,可以优先看 huashu-design。它的链路更长,适合需要多轮迭代和交付物导出的任务。

如果你已经在写自己的 Codex 或 Claude Code Skill,这两个项目也都值得参考:

  • 想学“如何把一个窄场景做稳”,看 guizang-ppt-skill
  • 想学“如何把复杂工作流拆成可执行协议”,看 huashu-design

总结

歸藏和花叔这两个项目的共同点,是都把“设计能力”从一次 prompt 变成了可重复执行的流程。

guizang-ppt-skill 的重点是杂志风 HTML PPT,适合高风格化演讲;huashu-design 的重点是 HTML 原生设计系统,覆盖原型、动画、幻灯片、信息图和评审。它们解决的不是“AI 能不能生成设计”,而是“AI 能不能按一套稳定方法生成可交付的设计”。

这可能会成为 Agent 工具生态里很重要的一类开源项目:不只是代码模板,而是把人的经验、审美和工作方法打包成 Skill。

参考链接:

记录并分享
使用 Hugo 构建
主题 StackJimmy 设计