Skill Huashu-Design 一句话生成可交付设计的智能体技能

AI 生成的设计稿有个通病：乍一看挺唬人，细看全是「AI 味」——配色随意、版式平庸、图标风格混乱，放进正式场合总觉得拿不出手。找个设计师做一套发布物料，报价和时间都不便宜；自己用 Figma 硬磨，又没有那个审美积累。

花叔的 huashu-design 换了个思路：不让 AI「画设计」，而是给智能体装一套完整的设计方法论——84 种带真实样张的风格库、从真实作品找参照、交付前做设计体检——让它在 Claude Code、Cursor 这类智能体里跑完整流程，产出能直接交付的网页、App 原型、PPT 和信息图。项目已完全 MIT 开源，个人商用都免费。

项目基本信息

一、项目介绍

huashu-design 是一个跨智能体通用的 Agent Skill，安装后你在 Claude Code、Codex、Cursor、OpenClaw、Hermes 里用一句话下达需求，3 到 30 分钟就能拿到产品发布动画、可点击的 App 原型、可编辑的 PPT 或印刷级信息图。

3.0 版本的核心机制包括：先出六张缩略图再挑三个方向做成真稿，项目之间不再长得一个样；风格库扩到 84 种，覆盖 App、中文与东亚设计等分区，每种都带样张参照；参照作品先截图再动手，智能体是「看过」真实设计之后才开始做的；附带一个只量事实的设计体检，比如发现两版首屏用了同一张图会主动替换；还有一本外观账本，记住你最近交付过的样子，避免重复自己。

给技能你的品牌资产（logo、色板、UI 截图），它会读懂品牌气质；什么都不给，风格库加六选三机制也能兜底到不出 AI slop。README 里的每一页展示设计都是这个技能自己做的，不是 Figma 也不是 AE 手工修的。

二、核心优势

第一，交付级质量。产出物是能直接发给客户或上线的东西，不是需要再加工的半成品，官方定位明确写着「拿回能交付的设计」。

第二，防撞车设计。六选三加风格库抽样的机制，让不同项目产出真实差异化，告别千篇一律。

第三，事实核查。设计体检只量化事实层面的重复与冲突，幻觉式的「自我感觉良好」被程序拦下。

第四，中文场景友好。作者是国内设计师，风格库专门有中文与东亚分区，对中文排版和本土审美有真实积累。

三、适用场景

第一类是产品发布物料：发布页、宣传片动画、产品介绍 PPT，一个人把设计、动画、配音环节全包了。

第二类是原型验证：给产品经理和独立开发者做可点击的 App 原型，几个核心屏幕真能点，拿去跟用户聊比线框图有说服力得多。

第三类是内容创作者：线上展览页、科普 PPT、信息图，配一段文字需求就能出成稿。

四、安装教程

一条命令安装：

npx skills add alchaincyf/huashu-design

装完务必自检：这个技能不只是 SKILL.md 一个文件，references、assets、scripts、demos 四个子目录里共有 99 处被引用的配方、脚本和素材，缺一不可。打开安装目录（如 ~/.claude/skills/huashu-design/）确认子目录齐全，如果只有 SKILL.md，说明你的 skills CLI 版本太旧——1.5.15 及更早版本有只同步单文件的 bug，已在 1.5.19 修复。升级后重装：

npm i -g skills@latest

升级后仍异常就用 git clone 兜底，把仓库直接克隆到任意技能目录：

git clone https://github.com/alchaincyf/huashu-design.git ~/.claude/skills/huashu-design

五、使用示例

在任意支持 skills 的智能体里直接说话，例如：

做一份 AI 心理学的演讲 PPT，推荐 3 个风格方向让我选
做个 AI 番茄钟 iOS 原型，4 个核心屏幕要真能点击
把这段逻辑做成 60 秒动画，导出 MP4 和 GIF

以《富岳三十六景》线上展览网站为例：需求只有一句「给葛饰北斋的《富岳三十六景》做一个线上展览网站」，技能出三版真稿——Rijksmuseum 官网式的暗场展厅、田中一光式的三角窗、民国书衣式的题签框。设计体检发现两版首屏都用了《神奈川冲浪里》，自动把暗场那版换成《山下白雨》；往下一章讲普鲁士蓝，依据是大都会博物馆的光谱研究，全 46 幅图都来自芝加哥艺术博物馆和大都会的开放馆藏。

六、常见问题

商用要授权吗？2026 年 5 月 14 日起完全 MIT 开源，个人和商用都免费，无需事先授权。

需要 API Key 吗？技能本身不需要，模型调用走你已有的智能体订阅或 Key。

产出物能二次编辑吗？PPT 和原型都是可编辑格式交付，网页是标准 HTML，后续修改不受锁定。

七、总结

huashu-design 是中文开发者社区里少有的、方法论真正成体系的智能体设计技能。它把「审美」拆成风格库、参照截图、事实体检、外观账本四个可执行环节，让设计产出从随机变成可控。经常要做演示和物料的开发者，装这一个技能就能省下大量外包费。