huashu-design 把 Agent 变成一个设计工作室：动手之前先出三个方向让你看着选，选定了才做，交付前自己体检。
上一节的 ui-ux-pro-max 告诉 Agent 这类产品通常长什么样。但大家都按「通常」做，做出来就都一个样。
huashu-design 要的是做出来的东西让人认不出是 AI 做的。
它是 MIT 许可的开源 Skill，作者是 alchaincyf。它的 README 开头就写着：在 agent 里打一句话，拿回一份能交付的设计。
原型、演讲幻灯片、产品发布动画、信息图，都用 HTML 做，再导出成 MP4、GIF、可编辑的 PPTX 或 PDF。
一、安装
npx skills add alchaincyf/huashu-design装完之后先自检一下：这个 Skill 不只是一份 SKILL.md，references/、assets/、scripts/、demos/ 四个子目录里有大量被引用的文件，缺一不可。
打开安装目录（比如 ~/.claude/skills/huashu-design/）看一眼，如果只有 SKILL.md，说明你的 skills 命令行工具太旧（README 里提到 1.5.15 及以前的版本有只同步单个文件的 bug）。升级后再装一次：
npx skills@latest add alchaincyf/huashu-design还不行，就直接克隆：
git clone https://github.com/alchaincyf/huashu-design.git ~/.claude/skills/huashu-design依赖：脚本需要 Python 3；导出 MP4、PDF、PPTX 要用到 Node.js 和 Playwright（仓库的 package.json 里列着 playwright、pptxgenjs、pdf-lib、sharp），做视频还要 ffmpeg。它有一个 capabilities.py 会先探测你电脑上有什么，没有的能力会推荐安装，但不会卡住。
二、打开看看：一个工作室的全部家当
huashu-design/
├── SKILL.md ← 总纲：你是谁、开工三件事、路由、窄桥、收工三件事
├── references/ ← 几十份按任务深入读的手册
│ └── modules/ ← 网页 / 幻灯片 / 信息图 / 动画 四个模块
├── assets/ ← 起手组件（iPhone 边框、幻灯片引擎、动画库）、84 种风格样张、背景音乐
├── scripts/ ← 导出、设计体检、品味记录、参考板截图
└── demos/ ← 能力演示这是工作流 + 关卡形状。ui-ux-pro-max 的重点在数据，这里的重点在流程。
SKILL.md 本身只有 215 行，因为它主要做一件事：路由。
| 任务 | 去读哪份手册 |
|---|---|
| 网页、落地页、官网、看板 | references/modules/web.md |
| 幻灯片、PPT、路演 | references/modules/deck.md |
| 信息图、长图 | references/modules/infographic.md |
| 手机 App 原型 | references/app-prototype.md |
| 动画、视频、导出 MP4/GIF | references/modules/motion.md |
| 评审、打分 | references/critique-guide.md |
先判断是哪类任务，再读对应的那一份手册，其余几十份都不读。这是第1节说的第 3 层加载。
三、精读：SKILL.md 的开头先认清自己
大部分 Skill 开头写这个 Skill 做什么，huashu-design 开头写你是谁：
- 你是设计师，不是写 HTML 的程序员。HTML 只是媒介
- 标准是：产出要让人认不出是 AI 做的
然后是一段很少见的话，它直接点名了 Claude 自己的默认审美：不加约束时，会滑向暖奶油底色、高反差衬线标题、陶土色点缀、全大写小标签、01/02/03 编号。它本身不丑，但和题材无关地出现，读起来就是 AI 做的。
写 Skill 的时候，先把模型的默认值说出来，比写一堆「不要这样」更有效。模型知道自己默认会滑向哪里，才知道要往哪里用力。
接着它把自己定义成一个工作室：艺术总监、品牌研究员、视觉设计师、动效设计师、前端工程师、文案，每个角色写清楚缺了会怎样。并且提醒：媒介变了，主导的角色就要换，做幻灯片别像网页，做动画别像看板。
四、精读：三个方向
SKILL.md 把这条定成了硬规则：
