花叔开源神器Huashu Design，让AI Agent一句话生成高保真原型、PPT和动画，GitHub已获20k stars。
核心内容：
1. Huashu Design的核心能力：高保真交互原型、幻灯片/PPT、运动设计/动画
2. 设计顾问模式与品牌资产协议，确保设计质量与规范
3. 简单安装与跨Agent使用方式，提升AI设计效率

兄弟们，最近X上刷到花叔的更新，我直接看呆了。

他把Claude Design的核心能力“逆向”出来，做成了一个纯HTML原生的开源skill，叫 Huashu Design。
不是又一个GUI工具，而是真正为Agent而生的设计产品。装上之后，你直接在Claude Code、Cursor、Codex或者是workbuddy这些地方一句话prompt，就能让AI给你整出可交付的高保真东西。

发布才两个月，现在GitHub已经20.3k stars，2.5k forks，势头还在猛涨。花叔自己发帖说“这是让你的Agent设计能力领先一个时代的skill”，我看确实有点东西。

它能干啥？

简单说，就是把设计从“AI给你一张图/一个idea”升级成可直接用的交付物：

• • 高保真交互原型：HTML原生，可点击，带iPhone 15 Pro边框，还能用真实图片。Playwright自动测试过，点起来跟真的一样。
• • 幻灯片/PPT：HTML版幻灯片，排版、动画、过渡全在，还能一键导出可编辑的PPTX！这点在目前PPT类skill里特别香，很多评测都夸它审美在线又实用。
• • 运动设计/动画：内置60fps插值引擎，支持BGM和音效，直接导出MP4或GIF。花叔自己放的英雄动画demo（Terminal→Gallery涟漪→品牌揭晓），25秒左右，质感拉满。
• • 信息图/可视化：PDF、PNG、SVG随便导。
• • 设计顾问模式：内置20种设计哲学（信息建筑、运动诗学、极简、实验先锋、东方哲学等），还能走三条并行逻辑路径。出完设计后给你5维专家评审（哲学、层级、执行、功能、创新），直接出雷达图+可执行的修改建议。
• • 品牌资产协议：强制规范配色、字体、资产 sourcing，避免AI乱搞。

最狠的是它有反AI slop规则：不乱用渐变、不堆emoji图标、不整那些一眼假的玻璃拟态……出来的东西看着像真设计师出的，而不是AI味儿。

怎么用？超级简单

一条命令装上就行：

npx skills add alchaincyf/huashu-design

跨Agent通用，Claude Code、Cursor、Codex、OpenClaw、Hermes都能用。

用的时候直接prompt就行：

• • “帮我做一个AI心理学演讲的PPT”
• • “把这段产品逻辑做成60秒动画，导出MP4”
• • “做一个iOS app的高保真原型，带真实图片和可点击交互”

不用切GUI，不用手动调Figma，全程在终端/Agent里搞定。花叔说这是专门把Claude Design的GUI依赖去掉后的版本，真正适合现在大家用Agent的习惯。

X上大家怎么说？

花叔4月21号发预告视频的时候就刷屏了（那条视频点赞破4k，浏览60多万）。
发布三天直接5k+ stars，现在已经稳稳2万+。
最近B站有人做PPT skills横评，它被排在第三，评价是“顶级审美极佳，关键是能输出可编辑PPTX格式”。

有人直接说：“HTML原生设计把交付变成落地产出，三版真图、官网色值、MIT商用免费全齐，省事又专业。”

也有人在用完后感慨：以前做原型最怕“帮我优化一下”，现在直接甩需求给Agent，配上Huashu Design的哲学+评审，基本能出80分以上的东西。

work buddy使用

考虑到小白用户，我用workbuddy测试了下。

直接让他自己读取git安装：

很快自己安装完毕，我让他生成一份FDE相关的PPT。

提示词给的很笼统，但是做出来的效果很惊艳：

看到这赶紧试试吧，这个skill是MIT开源，商用完全免费。想试的兄弟直接点这个链接：

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

装上之后建议先看demos文件夹里的几个例子（有GIF/MP4/HTML双语），或者直接去他放的英雄动画demo感受一下质感。

登录查看剩余 70% 内容