火速实测花叔Design做PPT：一句话需求到10页成品

估计今天github上最火的更新之一就是花叔的 huashu-design 了。

花叔说他逆向了 Claude Design，同时提醒我赶快去看看是否可以做产品设计。结果一看，起码现在，还不是一回事情。

huashu-design 到底是什么？

不同于Claude Design，花叔Design 是一个运行在 AI Agent 上的设计 Skill，本质上是把”怎么做设计”这件事本身产品化了。

安装方法：

npx skills add alchaincyf/huashu-design

花叔自己的定位很有意思：huashu-design 是 Agent-first 的，Claude Design 是 GUI-first 的。区别在哪？Claude Design 是把设计师嵌入 Claude，本质上还是个图形工具（类似 Figma 的升级版），你需要拖拽、调层级、改组件。huashu-design 直接把图形工具这层干掉了，你在终端里说一句话，Agent 自己读品牌资产、建设计规范、生成 HTML、跑验证，最后交付一个可用文件。

他的原话是：“我不是设计师，我是让 Agent 替我做事的人。”

做完这个 PPT 之后，我大概理解他想表达什么了。

实际过程拆解

需求澄清：它没有上来就动手

我发出的第一句话很随意，但 Agent 没有直接开干，而是先问了我5个问题：

内容定位是什么？产品介绍、技术教程、还是竞品分析？使用场景呢？内部分享还是对外演讲？多少页？什么语言？最关键的一个，交付格式要什么？浏览器演示、PDF、还是可编辑 PPTX？

这5个问题问得相当精准，尤其是最后一个。我当时选了”可编辑 PPTX”，后来发现这个选择直接决定了后面的技术路线。如果只是要一个好看的效果图，HTML 渲染截图就够了；但可编辑 PPTX 需要走元素级翻译，难度完全不在一个层级。

信息收集

确认需求后，Agent 没急着”设计”，先去做了信息收集。

搜了3轮：Claude Code 最新功能和定价、Anthropic 品牌色值、以及尝试下载 Anthropic 官方 Logo。

搜到的数据后来直接写进了 PPT 每一页。比如 Stripe 用 Claude Code 4天完成1万行代码迁移，Ramp 事故调查时间缩减80%，Wiz 20小时完成5万行代码语言迁移。这些数据是实时搜索获取的，不是训练语料里的旧信息。

不过这里踩了个坑：下载 Anthropic Logo 的时候拿到了一个404页面（59KB 的 HTML 被当成了 SVG 文件），Agent 没有及时发现这个问题。

最后 HTML 和 PPTX 里都没能用上真实 Logo，只能用文字”Anthropic”替代。视觉上打了折扣。

HTML 设计：核心产出

所有视觉产出先以 HTML 形式完成。

Agent 写了一份 41KB 的单文件 HTML，10页幻灯片，16:9 比例，Anthropic 品牌配色。

配色是从 Anthropic 官网提取的：

深色背景 #141413，浅色背景 #faf9f5，强调色橙色 #d97757，辅助色蓝 #6a9bcc 和绿 #788c5d。

深浅页面交替出现，视觉节奏处理得挺舒服。每页信息密度也控制得合理，没有那种”把所有内容塞进去”的压迫感。

这版 HTML 直接用浏览器打开就能预览，效果已经不错了。如果你只是要做演示，到这一步其实就够了。

这里有个细节值得一提。

huashu-design 的 Skill 里内置了一套”品牌资产协议”，花叔从 Claude Design 的系统提示词里逆向出来的。

核心逻辑是：高保真设计必须从已有的设计上下文里长出来，不能凭空画。

具体执行是5步硬流程：问用户有没有品牌资料，搜官方渠道，下载 Logo 和产品图，提取色值，最后固化成 brand-spec.md 文件。

所有 CSS 变量从这个文件读取，确保不会出现”做着做着忘了主色是什么”的情况。

花叔自己说，用了这套协议之后，v2 的稳定性方差比 v1 低了5倍。

“稳定性的稳定性，这才是 skill 真正的护城河”，这是用skill的人都想要的。

转 PPTX：翻车和补救

我选的是可编辑 PPTX，所以需要把 HTML 翻译成 PowerPoint 格式。huashu-design 内置了 html2pptx 转换流程，理论上可以直接调用。

实际执行时卡住了。html2pptx CLI 需要 API Key，我的环境里没配，也找不到注册入口。

到这里 Agent 没有放弃，走了一个备选方案：

用 python-pptx（一个开源 Python 库）重新构建整个 PPTX。

这意味着要把 HTML 里的布局、配色、文字全部翻译成 python-pptx 代码，手动创建每个文本框、形状和颜色。

最终生成了一个 25KB 的 Python 脚本，跑了3秒，输出了10页 PPTX。基本的版式和配色保留了，文字内容完整。但说实话，细节上跟 HTML 版有差距，毕竟是重建而不是转换。

这也印证了花叔在那篇文章里坦诚的一个局限：huashu-design 的输出是 HTML，你可以截图、录屏，但不能像 Keynote 那样拖拽编辑。可编辑 PPTX 这条路，目前还是个痛点。

最终成品什么样

10页内容，结构清晰：

1. 封面，Claude Code 标题 + Anthropic 品牌标识
2. 概述，三个数据亮点卡片
3. 核心功能，6大功能 Bento Grid 布局
4. 工作循环，5步流程图
5. 安全与控制，三栏对比
6. 扩展生态，MCP/Skills/Plugins
7. 定价方案，4档对比
8. 企业案例，Stripe/Ramp/Wiz
9. 竞品对比，vs Copilot/Cursor 等
10. 快速上手，安装步骤 + 资源链接

配色统一，深浅交替，信息层次分明。作为一个”20分钟出稿”的结果，质量超出预期。

真实体验感受

说得上的优点：

起步速度极快。从”我有个想法”到看到第一版设计稿，不需要打开任何工具，不需要找模板，不需要想配色。这个零摩擦的起步体验是最大的价值。我做 PPT 最怕的不是排版，而是面对空白幻灯片的那5分钟。AI 帮我把这5分钟压缩成了0。

信息收集是自动化的。产品功能、定价、案例数据，全部由 Agent 搜索整合进内容。这部分平时至少要花半小时。

设计质量有底线。huashu-design 有一套”反 AI slop”指南，专门规避紫色渐变、圆角卡片、emoji 图标这些 AI 审美套路。从效果看确实没踩坑。

说实话的不足：

Logo 获取失败是个典型问题。404 页面被当成 SVG 文件，Agent 没及时发现。这种”静默失败”在自动化流程里挺致命的，因为你不知道哪个环节出了错。

HTML 转 PPTX 不够顺滑。理想状态是 html2pptx 做元素级翻译，保持文字可编辑。API Key 的问题让这条路走不通，降级到 python-pptx 重建后效果有损失。

复杂视觉效果难以还原。CSS 动画、渐变、阴影这些在 PPTX 里只能做近似。python-pptx 的能力边界就在那里。

适合谁用？

经常做技术分享类 PPT 的人（产品介绍、架构梳理、工具评测），对设计质量有一定要求但不追求像素级完美的，这种方案能把”从零到第一版”的时间从几小时压缩到20分钟。

然后你在第一版基础上手动调细节：改措辞、加自己的截图、微调排版。这种”AI 出初稿 + 人工精修”的工作流，我觉得是目前最务实的用法。

如果你需要的是年会那种大型演示文稿、有严格品牌规范的企业 PPT、或者大量自定义图表和动画，目前的方案还差得远。AI 出来的东西更适合当起点，不是终点。

如果你也在用 AI 工具做 PPT 或者其他设计产出，欢迎在评论区聊聊你的体验。