让 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
评论区
登录后可评论。