大家好，我是何三，独立开发者
过去这一年，我一直在用 Claude Code 写代码，效率确实上来了。但有个事一直让我很头疼——做设计。
写需求文档、画原型、排布局、调配色……这些东西每次启动 Figma，光新建画板我就能发 5 分钟呆。更别提调完的设计还得导出给团队看——一张截图哪儿够？恨不得直接生成个能交互的原型。
我一直觉得，AI 都能写代码了，为什么不能帮我做设计？
然后我就刷到了一个项目——Huashu-Design，作者是 alchaincyf，一个中国独立开发者。这位老哥之前还做过 Nuwa-Skill（22k Star 的那个"蒸馏思维"的项目），这次他又整了个骚操作：让 AI Agent 用 HTML 直接出设计稿。
上线不到两个月，Star 数已经飙到 15.7k（约 1.6 万）。
说白了，你给 Claude Code 或 Cursor 丢一句 "帮我做个产品介绍页"，它直接生成一个 HTML 文件，打开浏览器就是完整的高保真原型。一个像素都不差。
这玩意儿到底解决了什么问题？
先说说我的真实体验。
以前我用 Claude Code 生成前端页面，流程是这样的：
- 写 Prompt 描述需求
- Claude 给我一段 HTML 代码
- 复制到本地打开看效果
- 发现颜色不对，改 Prompt
- 布局歪了，改 Prompt
- 字体大小太奇怪了，改 Prompt
- 改了 10 轮之后，放弃，自己动手
说实话，我为这事骂过很多次。AI 能理解需求，但它没有"设计感"。出来的东西就是那种——说不上哪里丑，但就是不舒服的页面。
Huashu-Design 解决的就是这个问题。
它本质上是一套给 AI Agent 用的设计规范框架。通过一个叫 DESIGN.md 的文件，你把 20 种设计哲学（比如对齐、留白、色彩节奏、信息层级……）喂给 AI Agent，它就知道什么叫"好看"了。
不像 Figma 那样需要你手动拖拽。
你只需要告诉 AI 你想要什么，剩下的它自己搞定。
这感觉就像——你想做一顿饭，以前你得自己去买菜、洗菜、切菜、炒菜。现在你只需要说"我想吃鱼香肉丝"，厨房里就有个大厨帮你把菜端上桌。
20 种设计哲学 + 5 维评审，AI 设计师的"内功心法"
Huashu-Design 最核心的东西，是它内置了一套设计知识体系。
20 种设计哲学，随便列几个你感受一下：
- 接近性原则：相关元素视觉上靠近，不相关的拉开距离
- 对比突出：关键信息要有视觉重量
- 留白呼吸：不是空白浪费，是给眼睛休息的空间
- 色彩节奏：色相、饱和度、明度的有计划变化
- 信息层级：一眼看过去，分清主次
把这些规则塞进 DESIGN.md 之后，AI Agent 每次输出设计稿时都会自动遵守这些规则。
更骚的是，它还带了一个 5 维评审机制：
- 可用性——用户能不能直观理解这个界面？
- 信息传达——核心信息是否一眼捕捉？
- 视觉一致性——风格是否统一？
- 情感共鸣——设计是否能引发用户的情绪反应？
- 创新性——有没有让人眼前一亮的地方？
AI 生成完设计稿，自己还会给自己打分。
说实话，这块我也没完全搞懂它怎么做到自动评审的——但我觉得这有点像"AI 在学人做设计评审"，就像刚入职的设计师拿着 check list 一条一条核对。
哦对了，说到设计师……
我突然想起一个事儿。之前有个做 UI 设计的朋友跟我说，他们公司最近在用 AI 出设计稿，他特别焦虑。我当时安慰他说，"AI 做不了创意设计"。现在看完 Huashu-Design，我只想跟他说：兄弟，要不咱学学怎么跟 AI 合作？
怎么用？就一行命令的事
上手方式你也猜到了——对，特别简单。
首先你得有一个支持 MCP 协议的 AI 编码 Agent（Claude Code、Cursor、Codex、Gemini CLI 都行）。
然后在你的项目里装一下 Huashu-Design：
npx huashu-design init
它会自动生成一个 DESIGN.md 文件到你的项目根目录。
接下来，你对 AI Agent 说：
帮我生成一个产品介绍页面，参考 DESIGN.md 的风格
完事。
AI Agent 会读取 DESIGN.md 里的 20 种设计哲学，理解你的设计规范，然后输出一个完整、高保真、可直接运行的 HTML 页面。
它还支持导出成 MP4 动效——比如你要做幻灯片或者产品演示动画，一句 Prompt 搞定。
项目地址在这：https://github.com/alchaincyf/huashu-design
同类项目聊聊
这个赛道其实挺热闹的。
之前我写过 Google Labs 出的 Design.md（15k Star），也是用 DESIGN.md 描述设计系统。但 Google 那个偏规范和理念层面，更像是"给设计师看的文档标准"。
而 Huashu-Design 更像个实战派——它直接把设计哲学集成到 AI Agent 的工作流里，你不需要学设计，AI 自己懂设计。
另一个不得不提的是同作者做的 Nuwa-Skill（22k Star），那个项目的理念更炸裂——"把任何人的思维方式蒸馏成 AI Skill"。我下期准备专门写一篇。
如果你对 AI Agent 工具链感兴趣，可以关注我。后面我还攒了一堆好东西要写，像 MemPalace（53k Star 的 AI 记忆系统）、Career-Ops（47k Star 的 AI 求职工具）……都是好东西。
说实话，我一直觉得 2026 年最值得关注的趋势，不是 AI 本身变得多聪明，而是 AI 工具正在从"能写代码"进化到"能做完整的活儿"。
Huashu-Design 就是最好的例子——它让 AI Agent 不只是个写代码的工具，而是个会设计的代码搭档。
设计师会不会失业？我不知道。
但我知道，不会用 AI 的设计师，大概率要焦虑了。
本文使用 MGO 编辑并发布
关注"何三笔记"，回复"mgo" 免费下载使用
