Huashu Design

Huashu Design 评测：一句话进去，一个能交付的设计出来

用智能体做设计，往往以妥协收场。要一个原型，给你一张灰色线框图；要一套幻灯片，给你一套通用模板；要一段动画，告诉你做不了。智能体会写代码，但它没有品味，没有风格库，也没有办法检查自己的作品。

Huashu Design 正是为填补这个缺口而生的。它是面向 Claude Code、Codex、Cursor 等智能体的 HTML 原生设计技能，GitHub 上有近 2.9 万个 Star，skills.sh 上安装量约 4.7 万次。一句话进去，一个能交付的设计出来：设备框内的可点击 App 原型、1920x1080 的 HTML 幻灯片并可导出可编辑 PPTX、带背景音乐、导出为 MP4 或 GIF 的时间轴动画，或者一张信息图。

什么是 Huashu Design？

Huashu Design 把 HTML 当作设计媒介，而不是交付网页应用的手段。技能文件约 580 行，配 33 个参考文件，覆盖 84 种带样张的风格，采用六个候选挑三个方向的工作流，还有一份打分制的设计体检。它还会记录你的外观偏好账本，用得越多，越懂你的品味。

产出永远是能打开的真实文件：浏览器里能看的 HTML、带真实可编辑文本框的 PPTX、能分享的 MP4 或 GIF、PDF。没有任何东西被困在聊天窗口里。

核心功能

1. 设备框内的可点击 App 原型

描述一下 App，就能得到手机或桌面框内用 HTML 渲染的交互原型。它看起来像个产品，而不是线框图，工程启动之前就能点一点走通流程。

2. 可导出可编辑 PPTX 的幻灯片

1920x1080 的 HTML 演示文稿可以导出为带真实文本框的 PowerPoint，而不是压平的图片。转换器读取计算样式并映射为真正的 PPTX 对象，演示文稿在 PowerPoint 和 Keynote 里都能继续编辑。

3. 导出为 MP4 与 GIF 的时间轴动画

动画按时间轴制作，通过 Playwright 和 ffmpeg 导出为 MP4 或 GIF，带背景音乐。一段简短的产品预告或社交短片，出来就是能直接用的视频文件，而不是一段描述。

4. 带样张的风格库：84 种风格

它不会默认只用一种风格，而是从 84 种各带样张的风格里挑选，先给出六个候选，再收窄到三个方向。覆盖产品页、文档、写作应用、导航等多种场景，所以结果是选出来的，不是碰巧的。

5. 打分体检与越用越懂你的账本

每个设计都会得到一份五个维度的打分体检，技能还会记一本外观账本，记录你喜欢什么。用得久了，它会学会你的品味，不再推荐你已经拒绝过的方向。

使用方法

用 skills CLI 安装。下面这条命令从 GitHub 拉取整个技能：

npx skills add alchaincyf/huashu-design

之后用大白话提需求：做个设计、做份演示文稿、生成动画并导出 MP4、做个设计体检、做张信息图。智能体会从风格库里选方向，搭建 HTML，渲染检查，再导出你要的格式。原型、幻灯片、动画、MP4 或 GIF 导出、评审、信息图的请求都会触发它。

适合谁用？

不请设计师也想做落地页或路演的创始人、冲刺前想要可点击原型的产品经理、需要社交短片或信息图的市场人员，以及所有曾经拿到灰色线框图、希望它看起来像个产品的人。技能提示词主要用中文写成，对中文团队尤其友好，产出的设计本身则与语言无关。

价格

Huashu Design 免费，采用 MIT 协议，没有付费档位。导出走 Playwright 和 ffmpeg 等本地工具，没有托管服务要付费，不过生成视频需要本地算力时间。

优点与缺点

优点：产出的是真实交付物，不是描述：原型、可编辑演示文稿、视频、信息图；带样张的风格库避免了千篇一律的默认外观；打分体检让你有办法评判结果；MIT 协议，近 2.9 万个 Star。

缺点：技能提示词主要用中文，不懂中文的用户从指导文字里得到的较少；由单一作者维护，支持依赖一个人；视频导出需要装好 Playwright 和 ffmpeg，渲染要花真实时间；仓库很大，超过 200MB，首次安装比较重。

最终评价

Huashu Design 是这批技能里视觉上最有野心的一个。它不只是给智能体设计建议，而是给了它风格库、评审标准和导出器，把工作变成能交付的文件。如果你需要的是设计本身，而不是设计建议，那就装上它。去 GitHub 试试：alchaincyf/huashu-design。