什么是huashu-design

2026-05-01 01:05 什么是huashu-design已关闭评论

什么是 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元,扫一扫支付后添加微信提供帮助!(如不能解决您的问题,可以申请退款)

你可能感兴趣的文章

来源:每日教程每日一例,深入学习实用技术教程,关注公众号TeachCourse
转载请注明出处: https://teachcourse.cn/3912.html ,谢谢支持!

资源分享

Android控件ListView熟悉divider详细介绍和示例说明 Android控件ListView熟悉divi
Ubuntu更新python3 Ubuntu更新python3
Android常见设计模式:什么是装饰者模式? Android常见设计模式:什么是装
json格式化工具 json格式化工具

评论已关闭!