什么是 huashu-design:用嘴做设计的革命
背景:凌晨四点的 Claude Design 很好玩,但第二天我还是回到了终端。因为我宁愿让 agent 帮我干活,也不愿意打开任何图形界面。
问题的本质
做设计这件事,行业标准工具链是 Figma + Keynote + After Effects。三套工具、三套工作流、三个学习曲线。大多数人想做的不过是「把脑子里那个想法变成能看的东西」,却要花三个晚上学软件。
2024 年,Anthropic 发布了 Claude Design,一个在浏览器里用自然语言做设计的工具。我玩到凌晨四点。
然后我发现,我再也没点开过它。
不是它不好。是我的工作流里,打开一个图形界面这件事本身的摩擦成本,比我愿意付出的要大得多。
huashu-design 就是这个问题的答案:不在浏览器里做设计,而是在终端里做设计。
核心理念:HTML 是工具,不是媒介
大多数 AI 设计工具的问题是,它们用 Web 技术实现,但产出物仍然是「要在 Web 里消费」的设计。
huashu-design 反过来:HTML 只是中间态的生成引擎,最终产出物是 MP4、PPT、PDF、可点击的 HTML 原型。
换句话说:
你说「做一份 AI 心理学的演讲 PPT」
→ AI 在后台生成 HTML 幻灯片
→ 导出成浏览器演示版
→ (可选)再导出成 PPTX / PDF
你得到的是你本来就需要的东西,而不是「一个网页」。
能做什么:一张能力表
| 能力 | 交付物 | 典型耗时 |
|---|---|---|
| 交互原型(App / Web) | iPhone 真机边框单文件 HTML,可点击 | 10–15 min |
| 演讲幻灯片 | 浏览器演示 HTML + 可编辑 PPTX | 15–25 min |
| 时间轴动画 | MP4(25fps/60fps)+ GIF + BGM/SFX | 8–12 min |
| 设计变体探索 | 3+ 方案并排对比,或 Tweaks 实时调参 | 10 min |
| 信息图 / 数据可视化 | 印刷级排版,可导出 PDF/PNG/SVG | 10 min |
| 设计方向顾问 | 从 20 种设计哲学推荐 3 个方向 + Demo | 5 min |
| 5 维度专家评审 | 雷达图 + Keep/Fix/Quick Wins 清单 | 3 min |
安装:5 分钟跑起来
npx skills add alchaincyf/huashu-design
然后在 Claude Code 里直接说话:
「做一份 AI 心理学的演讲 PPT,推荐 3 个风格方向让我选」
「做个 AI 番茄钟 iOS 原型,4 个核心屏幕要真能点击」
「把这段逻辑做成 60 秒动画,导出 MP4 和 GIF」
没有按钮、没有面板、没有 Figma 插件。说一句话,AI 帮你做到交付。
效果怎么样?
上周我用它做了这份 AI 心理学演讲 PPT,从开口到交付 8 页完整幻灯片,前后大概 25 分钟。

配色是 Kenya Hara「空」的设计语言——暖白纸纹理底(#F5F0EB)+ 赭石点缀(#C04A1A),Noto Serif SC 衬线字体,大量留白。每一页都像一张可以装裱的设计作品。

这不是「AI 生成的勉强能看」的级别。这是可以放在演讲现场、投在大屏上、发给甲方的设计交付物。
为什么选择它,而不是 Figma/Canva?
| Figma / Canva | huashu-design | |
|---|---|---|
| 技能门槛 | 高(需要学习工具本身) | 零(会说话就会用) |
| 交付形态 | .fig 文件(对方要安装才能看) | HTML / MP4 / PPTX(直接打开) |
| 动画能力 | 有限(原型动画) | 全套(时间轴 + 导出视频) |
| AI 味 | 无(完全取决于设计师水平) | 可控(内置反 AI slop 规则) |
| 多方案对比 | 手动做多个版本 | 一句话生成 3+ 变体 |
谁适合用?
✅ 独立开发者 / 自媒体人:需要频繁做配图、PPT、动画,没有设计资源
✅ ** AI 应用开发者**:需要快速做产品原型给投资人 / 甲方看
✅ 不愿意学设计工具的人:有审美,但不想花时间学 Figma
❌ 已经有成熟设计团队的公司(有专门设计师处理设计需求)
❌ 需要非常精细的交互动画(Framer Motion 级别的复杂交互动画超出 skill 边界)
这个系列要写什么?
接下来的 7 篇文章,我会用今天这份 AI 心理学 PPT 作为核心案例,完整拆解:
- 怎么从模糊需求到选定风格方向(设计方向顾问模式)
- 怎么用 Kenya Hara「空」的设计语言做一套完整 PPT
- 什么是「反 AI slop」规则,为什么你的 PPT 一眼就能看出是 AI 做的
- 怎么做一份能点击的 iOS 原型(完整案例)
- 什么是 5 维度专家评审,你的 PPT 到底打几分
- 品牌资产协议是什么,为什么做别人品牌的设计时必须走这 5 步
- Junior Designer 工作流:为什么先展示假设再动手,能节省你 80% 的返工时间
下一篇文章:《30分钟做专业PPT——Kenya Hara 风格实战》,我会完整还原今天做 AI 心理学 PPT 的每一步选择和操作。
截图清单
以下截图均已插入上方正文中
1. ✅ AI 心理学 PPT 封面页截图(已插入上文)
2. ✅ Kenya Hara 风格 PPT 详情页截图(已插入上文)
3. ⚠️ 安装命令执行截图 — 请自行执行npx skills add alchaincyf/huashu-design获得
4. ⚠️ Claude Code 对话截图 — 请在 Claude Code 中运行命令后截图
当前文章价值4.58元,扫一扫支付后添加微信提供帮助!(如不能解决您的问题,可以申请退款)

评论已关闭!