最近两个中文开发者做的设计类 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,它的实用性会很高。
安装命令也很直接:
|
|
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 试图把这个问题前置解决:先找真实资产,再做设计。
安装命令是:
|
|
它更适合那些希望在终端里完成较完整设计交付的人:产品原型、发布动画、演示文稿、信息图、设计评审都可以放在一个 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。
参考链接: