让 AI 帮你做完整设计交付:Huashu Design 使用体验

你有没有这种感觉——让 AI 帮你「设计个东西」,它要么给你一堆干巴巴的文字描述,要么生成的图一看就是 AI 味儿十足,根本没法用。

花叔设计的这个 Huashu Design,是我见过最接近「说一句话就能交付」的设计类 Skill

一句话,让 AI 做完整设计交付

它的核心逻辑很简单:在你用的 AI 编程工具里打一句话,拿回一份能交付的设计。 不是 Figma,不用 AE,也不用来回改稿。

支持这几类交付物:

  • 交互原型——单文件 HTML,真 iPhone 边框,真的能点击跳转,Playwright 自动验证
  • 演讲幻灯片——HTML deck 直接浏览器演讲 + 可双击编辑文字的 PPTX
  • 时间轴动画——导出 MP4 + GIF,25fps/60fps 插帧,带 BGM
  • 信息图 / 可视化——印刷级排版,可导出 PDF/PNG/SVG

典型耗时:10~25 分钟一件。设计师坐在电脑前喝杯咖啡,东西就出来了。

怎么做到不像 AI 做的?

它内置了 60 种 HTML 原生风格库——网页 20 套、PPT 20 套、信息图 20 套,纯 CSS,不需要生成图片,所以根本不会踩那种「一眼 AI」的坑。

给它你的品牌资产(logo、色板、UI 截图),它会读懂你的品牌气质;什么都不给,它也有三套兜底逻辑帮你找方向:秒数轮盘(打破惯性选择)+ 现实参照(世界级获奖网站迁移)+ 最佳设计师哲学,直接出 3 个版本让你看着选。

附赠专家级评审

生成完了,还可以让它做 5 维度专家评审——哲学一致性、视觉层级、细节执行、功能性、创新性各打一轮分,输出雷达图 + Keep/Fix/Quick Wins 清单。

一个 Skill 同时干设计和评审两件事,这很罕见。

安装和使用

一句话装完:

npx skills add alchaincyf/huashu-design

支持的 AI 编程工具:Claude Code、Cursor、Codex、OpenClaw、Hermes,跨 agent 通用。

装完直接在对话里说话就行,比如:

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

没有按钮、没有面板、没有 Figma 插件——就是打字,然后回车。

总结

Huashu Design 的定位很清晰:让设计师和创意人不用学新工具,直接在 AI 编程环境里输出设计交付物。 23.4k stars 说明这个需求是真实存在的。

如果你日常在用 Claude Code 或 OpenClaw,花 3 分钟装一下试试。不喜欢删掉就行——MIT 协议,个人商用都免费。

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


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

评论区

0 条评论

登录后可评论。

赵一凡 11 阅读