一句话生成三份设计,还能导出 PPT、网页和动画:huashu-design 3.0 拆解

huashu-design 3.0：一句话，回车，三份能交付的设计。

2026.10 · 一个开源设计 skill 的三次改版

AI 做的设计
为什么都长一个样

今年 4 月 17 日，Anthropic 发布 Claude Design。花叔玩到凌晨四点。

几天后他发现，自己再也没点开过它。不是不好用——他承认那是这个方向目前最成熟的产品。是他宁愿让 agent 在终端里干活，也不想再打开一个图形界面。

于是他把那套东西拆了：社区流传的系统提示词、品牌资产协议、组件机制，蒸馏成一份规整的说明，再写成 skill 装进自己的 Claude Code。4 月 21 日开源，名字叫 huashu-design。

到 10 月 23 日，25,802 个 star，2,874 个 fork。开源 9 小时 1600，一周 9k，6 月发 2.0 时 16k。MIT 协议，个人和商用都免费。

但真正值得说的不是这个数字。是他为了让 AI 做出来的设计「不像 AI 做的」，推翻了自己两次：第一轮输，第二轮输得更彻底，第三轮才赢。

GIF-1

发布片里最典型的一幕：一句话进去，屏幕上先摆出三个方向，A / B / C，各自是不同的设计语言，让你看着选。

在 Claude Code、Cursor、Codex 里说一句：做个 AI 心理学的演讲 PPT，推荐三个风格方向让我选；做个番茄钟 iOS 原型，四个屏要能真点；把这段逻辑做成 60 秒动画，导出 MP4 和 GIF。

3 到 30 分钟，拿回来的是网页、能点的原型、能编辑的 PPTX、印刷级信息图，或者一段带配乐的动画。

没有按钮，没有面板，没有 Figma 插件。你说话，agent 干活，交付物落在一个文件夹里。

底层是纯 HTML 和 CSS：文字、图形、图表都用代码画，不靠生图模型去猜。所以字号、颜色、间距都可控；导出 MP4 / GIF / PPTX / PDF 在本机跑，不联网、不要 key。配音和评审这类云能力单独隔开，可选。

它还带一个 Stage + Sprite 的时间轴，能做 60fps 的动效；一个 84 种风格的库，每种配一张样张。这两样加起来，才让它不只是「会排版的对话框」。

这些能力听起来像一句话能说完。但真正让它在开发者里传开的，是 3.0 做对的那件小事——怎么让 AI 别老做同一种设计。

2.0 先解决了一个毛病：v1 不管什么题，最后都收敛成米白底加大量留白。2.0 改成三套逻辑并行——秒数轮盘随机抽风格、借现实里的获奖作品、让「最佳设计师」从头想。三个方向一拉开，看起来不那么像了。

用了四个月，新问题冒出来：单个项目看都不错，放在一起却长得像。暖纸底、衬线标题、一个陶土色点缀，反复出现。他回头查旧测试题，5 组里有 3 组三个方向撞了色、撞了同一个外观家族。

根子在 skill 里写着一条默认外观：暖奶油底、衬线、陶土色。那是 Claude 家族的长相，也刚好是他自己封面和橙皮书的风格。结果所有题材都往那儿靠。

他定了四道固定题：落地页、众筹 PPT、信息图、App 原型。改前改后各跑一遍，打乱顺序贴成一面墙，自己盲选。

第一轮，新版 4 题只赢 1 题。那一版要求每个方向都有一个大隐喻，结果页面被做成道具：众筹 PPT 做成一张借书卡，或者一整页高饱和撞色；App 整个套进地铁线路图。他自己的评价是「风格又过头了」。

第二轮，2 题全输。这一轮他加了一份「2026 年 AI 默认外观清单」和几道护栏，想把 agent 从常见长相里赶出来。结果三版一起变成浅冷色、整整齐齐。「太规整，太无聊了」。

更打脸的是，旧版里他认可的深色卡片加杏橙点缀、暖纸加原研哉式留白，恰好就是被新规则劝退的。禁令把好东西一起赶走了。

第三轮，2 题全赢。他把方向倒了过来：加选项，不加禁令。多出候选、给 agent 看得见的样张、让它真的去看参考作品，禁令一条不加。盲选完他说，这次明显变好了。

FIG 02

三轮盲选：1/4、0/2、2/2。前两轮都在「加约束」，第三轮改成「加选择」。

3.0 的第一件事，就是把「三个方向」重做了：先出六个候选，再挑三个做成真稿。三套逻辑各出两个，先画成一页缩略图，挑最强、彼此最不一样、又不撞你最近项目的三版做完整设计；另外三张作为备选一起给你。

第二件事，现实参照改成同媒介，而且先截图。做 App 就找获奖 App，做 deck 就找出版物和提案。新加的 ref_board.py 会把参考作品截成参考板，agent 亲眼看过，再拆网格、字号比和色彩比例。截出来一片纯色（WebGL 站点常见），会被判「没看到」。

第三件事，风格库从 60 种扩到 84 种，每种都有一张样张。新增 App 12 种，和「中文与东亚」12 种——吕敬人、宋刻本、民国书衣、上海摩登、香港街招、杉浦康平、田中一光。agent 先看到做到位是什么样，再动手。

发布时新跑了六道题，每道只给一句话需求，方向由 agent 自己挑，作者没插手。挑四个看。

第一个，北斋《富岳三十六景》线上展。需求只有一句：「给葛饰北斋的《富岳三十六景》做一个线上展览网站」。三版分别是 Rijksmuseum 官网式的暗场展厅、田中一光式的三角窗、民国书衣式的题签框。

体检报过一次撞车：两版首屏都用了《神奈川冲浪里》。它就把暗场那版换成了《山下白雨》。往下一章讲普鲁士蓝，依据是大都会博物馆的光谱研究；全 46 幅来自芝加哥艺术博物馆和大都会的开放馆藏。

FIG 03

《富岳三十六景》线上展：暗场展厅，整幅《山下白雨》做首屏，导航按「导言 / 三段 / 蓝 / 表与里 / 全四十六幅」拆开。

第二个，鸣迹，一个观鸟记录 App。现实参照找的是拿了 2025 年苹果设计奖的 CapWords；ref_board.py 先把它截成参考板，agent 看过再动手。

借来的是「从照片里撕下一张贴纸」：每只鸟都从 Wikimedia 的真实照片里分割出来，贴进一年的本子里；听声识鸟的波形，是拿真实录音算的。

FIG 04

鸣迹：每张贴纸都来自一张真实照片；听声识鸟的环形波形，是本地收音后现场算出来的。

第三个，《千里江山图》讲座 PPT。走 Abbott Miller 式的暗场展柜，暗底取的是绢地最暗处的颜色。

封面底下有一条细长的位置条，就是整幅的缩略图，框出这一页在 11.9 米长幅的哪一段。往后讲画有多大、「希孟年十八岁」、小如豆的人物和石青石绿怎么用。

FIG 05

《千里江山图》讲座：封面底部的位置条，框出这一页在 11.9 米长幅里的位置。

第四个，「今晚吃啥」家常菜谱 App。秒数轮盘恰好抽到吕敬人的书籍设计，最后做成了一本菜谱：一道菜一页方子，切口旁边留一条旁注栏。

旁注里写「擦干再煎才不溅油」「老抽只要几滴，多了会发黑发苦」；朱砂只给「开做」这一方印。这些不是装饰，是把做菜时真正会踩的坑，写在手边。

FIG 06

今晚吃啥：一道菜一页方子，切口旁留旁注栏；朱砂只留给「开做」这一方印。

四张图有个共同点：它们都是 HTML，不是渲染出来的静帧。字能选、页能滚、按钮能点、PPT 能导出。

第一类是独立的设计产品，在浏览器或客户端里用：Anthropic 的 Claude Design、Figma Make、Vercel 的 v0、Lovable、Google 的 Stitch（前身是 Galileo AI），再往外是 Canva、Gamma。它们强在生态、协作和代码集成；短板是，你终究要打开一个界面，风格也容易收敛到各家自己的默认长相。

国内这一边，即时设计、MasterGo、稿定、创客贴、美图设计室，这两年也都在加 AI：一句话生成页面、批量套版、智能抠图。它们强在模板库、中文素材和团队协作，但多数仍然是一个要打开的网页或客户端，审美同样容易被模板框住。

第三类就是 huashu-design 这种：不做一个新入口，寄生在你已经在用的 agent 里。对话式，跨 Claude Code / Cursor / Codex；交付 HTML、MP4、GIF、可编辑 PPTX、PDF；复杂动效自己做时间轴，60fps 导出；MIT。

FIG 07

三条路：GUI 设计产品、国内设计工具、装进 agent 的 skill。强项和短板并不在同一个维度上。

作者自己在 README 里列过一张对比表，很坦诚：Claude Design 是网页产品，走订阅配额；huashu 是 skill，烧 API、并行跑 agent 不受配额限制。他的原话是，Claude Design 是更好的图形工具，huashu 想让图形工具这层消失。

所以它不是「更好的 Figma」，也不是「更便宜的 v0」。它抢的不是工具的位置，是工作流的位置。

FIG 08

五条边界：得先有 agent、审美会漂、体检只量事实、复杂产品不是强项、HTML 到 PPTX 还有细节坑。

第一条最实际：它不是开箱即用的产品，是一段 skill。你得先有一个能装 skill 的 agent；想跑全部检查和导出，本机还要有 Node、Python、Chromium、ffmpeg。缺了会跳过，但体验打折。

第二条，审美还是会漂。外观账本只是提醒你「这个家族最近用过了」，不是根治。跨项目撞家族的问题只能缓解。

第三条，设计体检只量事实：裂图、字号太小、对比度不够、控制台报错是红灯；好不好看，它不打分。最终还是人说了算。

第四条，复杂真实产品不是它强项。像素级还原、多页交互、严格品牌规范，仍要靠成熟设计工具和设计师。它擅长从 0 到一份能看的稿，不擅长把稿打磨到像素级。

第五条是工程层面的：HTML 到 PPTX 的导出曾丢字（issue #56），现在会比对文字，但说明这条路还要继续打磨。

还有一层不算缺点、但要有预期：参考资料来自外部网站截图——博物馆、Wikimedia、获奖作品。版权和准确性得人把关；纯色或 WebGL 站点会被判「没看到」，得换参考。

FIG 09

五类人：独立开发者、产品经理与运营、设计师、老师与研究者、内容创作者。

独立开发者、一人公司最直接。落地页、App 原型、发布动画，过去要么找外包，要么自己学一周软件；现在是一个下午加一句话。

产品经理、运营是第二群。汇报 PPT、活动页、信息图，不用等设计排期，先把方向摆出来再谈。

设计师拿它做前半段。让 agent 先出六个候选、三个方向，自己只做筛选和打磨；ref_board 还能顺手做成竞品参考板。

老师、研究者要的是课件、科普长图，把复杂内容讲清楚。不需要电影感，需要准确。

内容创作者拿它做个人项目、作品集、封面。作者自己的旅居档案就是这么做出来的——三年里所有旅行照片的地图，选的是葛西薰式的白纸明朝体。

反过来，需要多人协作、严格品牌规范、像素级交付的大团队，现在还不适合把它当主力。

FIG 10

三点判断：加选项不加禁令、品味可以被记录、天花板在判断不在生成。

· 加选项，不加禁令。这不只是 prompt 技巧。做 AI 产品也一样：你给模型一堆「不许」，它会退到最安全的中点；你给它足够多看得见的样例和候选，它才敢往边上走。约束给的是下限，样例给的是上限。

· 品味可以被记录。外观账本记的不是「你喜欢什么」，是「你最近做过什么、不要再撞」。这比让模型猜你的审美靠谱。以后 AI 工具的竞争，可能不只是模型多强，而是谁更记得你「不要什么」。

· 天花板在判断，不在生成。核查 agent、设计体检、参考板——这些环节都不生成一张图，却决定了 65 分和 90 分的差距。生成已经不值钱了，判断才值钱。

还有一个容易被忽略的细节：84 种风格里，专门开了「中文与东亚」12 种。它不是把英文模板翻译成中文，而是真的去找中文排版的参照——宋刻本的版式、民国书衣的题签、香港街招的字距。这是海外工具很少认真做的部分。

这也解释了它为什么在中文开发者里传得快：它解决的不只是「能不能做」，还有「做出来像不像中国人的东西」。

回到最开始那个动作：一句话，回车。

过去两年，AI 做设计这件事一直卡在同一个地方——能生成，但不像你。huashu-design 3.0 没解决全部问题。它只是把「像不像」这件事，从模型的天赋，拆成了几个可以执行的步骤：先给你看六个，再挑三个；先看真参考，再动手；做完记一笔，下次别再撞。

这些步骤听起来不性感。但设计本来就不是一次灵感，是一连串很小的判断。

会生成的设计工具，已经够多了。

能做出「像你」的那一份的，还很少。

/ / / END · HUASHU-DESIGN 3.0