如果不想打开 Figma 或 AE,只想把需求交给 agent,最后拿到可点击原型、可编辑幻灯片或动画文件,Huashu Design 提供了一条以 HTML 为中间媒介的路线。它不是生产级网站生成器,更像一套交给 agent 执行的设计工序。
它交付的不是一张效果图
按照项目文档,Huashu Design 可以生成单文件 HTML 交互原型、浏览器幻灯片、可编辑 PPTX、MP4、GIF、PDF、PNG 和 SVG。作者还提供了设计方向探索、五维评审以及导出脚本,目标是让成果继续演示、修改或交付,而不是看完截图就结束。
| 任务 | 主要交付物 | 作者列出的典型耗时 |
|---|---|---|
| 交互原型 | 单文件 HTML、可点击界面 | 10–15 分钟 |
| 演讲幻灯片 | HTML deck、可编辑 PPTX | 15–25 分钟 |
| 时间轴动画 | MP4、GIF、BGM 成片 | 8–12 分钟 |
| 信息图 | PDF、PNG、SVG | 10 分钟 |
耗时来自项目 README,是作者给出的典型值,不是独立实测结果。

它的工作方式可以理解成给 agent 一张装修施工单:不是说一句“做漂亮点”就直接交房,而是先摆出三种真实设计方向,让使用者看着选;选定以后,再补品牌资产、制作成品并检查浏览器结果。这个过程比单次生成多几步,但能更早发现方向跑偏。
开始之前先看环境,而不是只看安装入口
作者提供 skills CLI 安装方式,也允许把仓库克隆到客户端的 skills 目录。文档声明 Claude Code、Cursor、Codex、OpenClaw 和 Hermes 等支持 Markdown skill 的 agent 可以使用,但这属于作者的兼容性声明;本次资料核验没有在这些客户端逐一运行。

- 最低前提是一个能读取 Markdown skill、访问项目文件并执行所需工具的 agent 环境。
- 制作和验证链会按任务调用浏览器、Node.js、Playwright、Python,以及视频或文档导出工具;具体依赖随交付类型变化。
- 安装后不能只看到 SKILL.md,还要确认 references、assets、scripts 和 demos 等配套目录完整。
- 第一次使用适合从一个边界清楚的任务开始,例如做四个可点击页面的原型,或把一段现成内容排成演示稿。
警告 不要把“标准 skill 格式”理解成所有客户端已经验证通过。能读取说明文件、能调用脚本、能安装依赖和能稳定导出成品,是四件不同的事。

代码免费,不等于整条生成链都免费
仓库当前采用 MIT License。许可证允许使用、修改、分发和商业使用,并要求在软件副本或重要部分中保留版权及许可声明。README 还说明,2026 年 5 月 14 日以前的个人使用许可已经被 MIT 协议取代。

作者声明设计、渲染以及 MP4、PDF、PPTX 导出的核心链路可以在本地运行,不需要网络和密钥;豆包 TTS 与 AI 视频评审被放在可选云端目录,需要使用者自己的密钥并确认调用。另一方面,运行 Claude Code、Codex 等 agent 本身是否产生订阅费或 API 消耗,取决于所选客户端和模型,不能算进“仓库免费”。
| 环节 | 免费边界 |
|---|---|
| 仓库代码与文档 | MIT,可免费使用和商用 |
| HTML、PDF、PPTX、视频导出工具链 | 作者声明核心链路可本地运行,但仍需自行准备软件环境 |
| agent 推理 | 是否收费取决于客户端、订阅或 API |
| 豆包 TTS、AI 视频评审 | 可选云能力,需自备对应服务的密钥 |
| 外部品牌与图片素材 | 不因仓库采用 MIT 就自动获得相同许可 |
免费的是开源代码许可;机器、模型、第三方服务与外部素材仍需分别核对。

MIT 文件覆盖本仓库的软件及相关文档,但工作流另外获取的品牌 Logo、产品图、图库图片和其他第三方素材,应继续按各自来源检查授权。就像免费拿到一套剪辑软件,并不等于片中使用的音乐和照片也自动免费。
哪些人值得用,哪些任务不该硬塞给它
- 适合已经使用 Claude Code、Codex、Cursor 等 agent,又希望用对话完成原型、PPT、信息图或动画的人。
- 适合愿意先比较设计方向,再经过浏览器检查和导出验证的人。
- 适合已有 Logo、色板、产品截图或参考页面,希望设计沿着真实品牌资产展开的团队。
- 不适合生产级 Web App、SEO 网站和需要后端持续运行的业务系统。
项目也主动写出了能力边界:不能把 PPTX 图层完整送进 Figma,复杂的三维、物理模拟和粒子系统超出范围;完全没有品牌资产时,作者认为成品质量也会下降。因此,它更适合缩短“想法到可展示版本”的距离,而不是替代完整的设计、开发和版权审核流程。

作者样片很完整,但还不能当成你的验收结果
截至 2026 年 10 月 8 日的仓库快照,项目有 24,693 stars、2,794 forks,建仓约 172.2 天,最近一次推送距快照约 16.1 天。两次相隔 1.0 天的快照记录了 44 个新增 stars;这个短窗口可以说明当日变化,不能单独代表长期增长趋势。
README 展示了作者制作的原型、幻灯片、动画、信息图和评审样片,也列出了 Playwright 验证与导出脚本。这些材料能证明仓库提供了较完整的示例和实现路线,但本次没有运行代码,也没有独立验证安全性、跨客户端兼容性、导出成功率或作者给出的耗时。
把它当成设计工作流,再决定是否投入
Huashu Design 最有价值的地方,不是一次生成多少种风格,而是把“先找资产、再看三个方向、选定后制作、最后验收”写成了 agent 可以执行的流程。已经在终端里使用 agent、又经常需要原型、演示稿或短动画的人,值得先用一个小任务验证。只想一句话稳定得到最终商业成片,或者需要生产级应用的人,暂时不该把它当成即插即用的成品软件。
建议 第一次验收只看四件事:配套目录是否完整、agent 是否真的遵守三方向选择、浏览器交互是否可用、目标格式能否成功导出。四项通过以后,再接入品牌资产或可选云服务。
项目资料:Huashu Design 仓库、固定提交版 README、MIT License。
项目一手资料
🧰 我做的工具
这些工具都由我持续维护。预览版会明确标注,下载、更新和已知边界以发行页为准。
黑粉盒子 HyphenBox
正式迭代。免费大模型 API 雷达:持续复测可用性,本地统一接口,Key 只存本机
方寸智匣 LocalBrain
正式迭代。本地模型的多模态 MCP 工具箱:TTS / Whisper / 视频生成一站接入
ScreenLex 光影词库
正式迭代。看美剧顺手把生词背了,Mac/Windows 双平台,免费
黑粉录屏 HyphenScreen
正式迭代。录屏 + 智能剪辑一体:达芬奇式时间线、自动打码、导出前成片体检,免费
熬夜烧钱三千字扫码随心一杯茶
微信扫码长按保存图片,用微信「扫一扫」从相册选取


留言
正在加载留言…