Huashu Design

Huashu Design 是一个专为 AI Agent（如 Claude Code, Cursor, Codex, OpenClaw 等）设计的 Skill。它彻底改变了传统设计工作流，让你无需打开 Figma、After Effects 或 PowerPoint，只需在终端或对话框中输入一句自然语言指令，即可在 3-30 分钟内获得可交付、高保真的设计产物。

它的目标不是“AI 做的还行”，而是看起来像大厂设计团队出品。无论是产品发布动画、可点击的 App 原型、可编辑的 PPT，还是印刷级信息图，Huashu Design 都能通过结构化的工作流和品牌资产协议，杜绝廉价的“AI Slop”感。

核心能力与交付物

安装与使用

1. 一键安装

Huashu Design 兼容所有支持 Skills 的 Agent。在终端运行：

npx skills add alchaincyf/huashu-design

2. 自然语言指令

安装后，直接在 Agent 对话中下达指令：

• 做 PPT：“做一份 AI 心理学的演讲 PPT，推荐 3 个风格方向让我选。”
• 做原型：“做个 AI 番茄钟 iOS 原型，4 个核心屏幕要真能点击。”
• 做动画：“把这段逻辑做成 60 秒动画，导出 MP4 和 GIF。”
• 做评审：“帮我对这个设计做一个 5 维度评审。”

核心机制：如何保证“大厂级”质量？

1. 品牌资产协议 (Brand Asset Protocol)

这是 Huashu Design 的“护城河”。涉及具体品牌时，强制执行 5 步硬流程，确保设计不偏离品牌气质：

1. 问：用户是否有 Brand Guidelines？
2. 搜：自动搜索官方品牌页 (brand.com, press kit)。
3. 下载：抓取 SVG Logo、官网 HTML、产品截图。
4. Grep：从资产中提取高频色值，绝不靠记忆猜颜色。
5. 固化：生成 brand-spec.md 和 CSS 变量，所有输出严格引用。

实测显示，遵循此协议的 v2 版本稳定性方差比 v1 低 5 倍。

2. Junior Designer 工作流

模拟初级设计师的高效工作模式，避免“闷头做大招”导致的返工：

• 前置确认：开工前列出 Assumptions 和问题清单，等待用户批量回答。
• 尽早展示：先输出灰色方块占位符，确认布局后再填充内容。
• 迭代反馈：在填充内容、生成变体、Tweaks 调整三个阶段分别展示进度。
• 自动化测试：交付前使用 Playwright 进行肉眼级别的浏览器遍历检查。

3. 反 AI Slop 规则

刻意避开 AI 生成的视觉最大公约数（如紫色渐变、Emoji 图标、Inter 字体做大标题）。

• 排版：使用 text-wrap: pretty 和 CSS Grid 实现杂志级留白。
• 色彩：采用 OKLCH 色彩空间，选择更高级的 Serif Display 字体。
• ** fallback**：当需求模糊时，触发“设计方向顾问”模式，从 5 大流派 × 20 种哲学中推荐 3 个差异化方向并行生成 Demo。

Huashu Design vs. Claude Design

定位差异：Claude Design 是更好的图形工具，而 Huashu Design 是让“图形工具”这层界面消失，直接通过 Agent 交付结果。

局限性

• 非 Figma 插件：产出的是 HTML/PPTX/MP4，无法直接导入 Figma 进行图层级编辑。
• 动画边界：不支持 Framer Motion 级别的复杂物理模拟、粒子系统或重度 3D。
• 从零设计：若完全不提供品牌资产，从零开始的高保真设计质量会下降至 60-65 分（这也是行业常态）。

授权说明

• 个人免费：学习、研究、个人创作、副业、社交媒体分享均免费，无需授权。
• 企业商用禁止：任何公司、团队或盈利组织，若将本 Skill 集成到内部工具链、作为对外交付手段或二次开发商业产品，必须联系作者获取授权。