huashu-design

打字。回车。一份能交付的设计——HTML-native 的设计技能，装进任何支持 skills 的 Agent

项目速览

项目 内容
仓库 alchaincyf/huashu-design
语言 HTML（skill 定义 + 样张）
Stars 26,460（2026-10-26），Forks 2,947
协议 MIT（2026-05-14 起完全开源，个人与商用均免费）
状态 2026-04-19 建库，作者为国人
产出 发布动画 / 可点击原型 / 可编辑 PPT / 印刷级信息图

它想解决什么问题

所有 AI 设计工具的通病是”AI 做的还行”那种均质感：能出图，但拿不出手。而真实工作里需要的从来不是”一张好看的图”，而是能交付的东西——产品发布动画、可点击 App 原型、可编辑的 PPT、印刷级信息图。

Huashu Design 的野心就是把”能交付”写进流程：装进 Claude Code、Codex、Cursor、OpenClaw、Hermes 任何支持 skills 的 Agent，打一句话进去，3 到 30 分钟后拿回成品。

核心机制拆解

1. 先发散再收敛：六张缩略图挑三个方向。 3.0 版本的第一个改动就是不让一次定生死：先出 6 张缩略图，你挑 3 个方向做成真稿。这个交互设计比”一次生成终稿”更接近真实的设计流程。

2. 84 种带样张的风格库。 新增 App、中文与东亚分区，每种风格都有真实样张兜底——这是它对抗 “AI slop” 的核心资产：风格不是一段形容词，而是一份可对照的实物。

3. 品牌资产输入。 给它 logo、色板、UI 截图，它读懂你的品牌气质；什么都不给，也有风格库兜底。

4. 参照作品先截图再动手。 做观鸟 App 时，ref_board.py 会先把拿了 2025 苹果设计奖的 CapWords 截成参考板，Agent”亲眼看过”再设计——把”参考优秀作品”这个人类设计师的本能动作工具化了。

安装与上手

  • 项目仓库：https://github.com/alchaincyf/huashu-design
  • 兼容：Claude Code、Codex、Cursor、OpenClaw、Hermes 等支持 skills 的 Agent
  • 输出为 HTML-native，交付物可直接在浏览器打开 / 转 PPT / 印刷

点评

亮点是”交付物导向”。大多数设计技能止步于”生成一个页面”，它明确对准发布动画、可点原型、可编辑 PPT、印刷信息图这四类真实交付——这个定位差异比参数上的提升更重要。

局限：HTML-native 意味着深度依赖浏览器渲染，需要印刷级精度时仍要人工校色；风格库解决”不出错”，但”出彩”仍需人的判断；3 到 30 分钟的产周期意味着不适合临时救急。

适合人群：独立开发者（缺少设计资源，需要能直接发布的物料）；做产品发布、融资材料的早期团队；想把设计探索外包给 Agent 的品牌方。