输入一句话，Claude Code 给你交付可点击原型 + 动画 + PPT

设计师是不是总觉得 AI 生成的东西”能用，但不交货”？直到我刷到这个 21k star 的开源 Skill，才知道”可交付”原来可以这么理解。

这不是另一个”画图 Skill”

市面上很多 AIGC 工具能出图，但 Huashu Design 走的是完全不同的路：它让 Claude Code 用 HTML 原生渲染 交付设计，而不是帮你生成一张 PNG 了事。

装完之后你只需要对 Claude Code 说一句话：

“Make a keynote for AI psychology. Give me 3 style directions to pick from.”

3 到 30 分钟后，它会交付：

• 可点击 App 原型：单文件 HTML，带真机边框，Playwright 自动点击验证
• 产品发布会动画：Stage + Sprite 时间切片模型，直接导出 MP4 / GIF
• 可编辑 PPT：html2pptx 会把每个 DOM 元素转成真实 PowerPoint 对象，不是截图糊弄
• 印刷级信息图：CSS Grid + 精确字体排印，导出 PDF / SVG / 300dpi PNG
• 5 维专家评审：哲学 / 视觉层级 / 执行工艺 / 功能 / 创新，雷达图 + Keep / Fix / Quick Wins 清单

为什么值得关注

1. Agent 无关：Claude Code、Cursor、Codex、OpenClaw、Hermes 都能装
2. 不需要 Figma / After Effects：纯前端栈交付
3. 20 套设计哲学：避免 AI slop，给品牌素材就能读品牌调性
4. MIT 开源：个人和商用都免费

适合谁用

• 产品经理需要快速做可点击原型，又不想碰 Figma
• 运营要出产品发布动画、落地页海报，但设计排期排不上
• 设计师想把重复劳动外包给 AI，自己只做决策

一句话总结：Huashu Design 把 Claude Code 从”能写代码的助手”变成了”能交付设计包的初级设计师”。

如果你正好在找 AIGC + 设计方向的 Skill，这个值得第一个装。

GitHub：https://github.com/alchaincyf/huashu-design

GitHub: https://github.com/alchaincyf/huashu-design