AI/智能体/模型工具 · HTML

alchaincyf/huashu-design

在 Claude Code 等 agent 里一句话生成可交付的 HTML 设计稿

增长榜 #58 已读 README 并重写
增长排名 #58 Fast Growth Top 100
本期热度 Stars 27 OSSInsight 页面展示
Forks 0 榜单记录
Fork / Star 0.0% 社区复用强度

它是什么

它是一个给 agent 用的设计 skill,不是 Figma 插件,也不是 AE 工具。README 说明,用户只要在 Claude Code、Cursor、Codex 等支持 skills 的 agent 里输入一句话,就能拿到一份可交付的设计。它主要面向需要快速产出产品视觉物料、原型和演示内容的人。

为什么值得关注

README 把它定位成“打字。回车。一份能交付的设计”,并给出高保真原型、动画、PPT、信息图和 MP4 导出等结果。榜单信号显示它在 Fast Growth Top 100 中排名 58,说明这类 agent 设计工作流有明显关注度。

核心能力

  • 一句话需求生成可交付设计结果
  • 输出高保真 App 原型
  • 生成产品发布动画
  • 制作可编辑的幻灯片和信息图

适合谁用

  • 需要快速做产品发布视觉物料的人
  • 想在 agent 里直接完成设计产出的人
  • 要做可点击原型或演示文稿的团队
  • 希望用 HTML 原生风格库兜底的人

使用前注意

  • 可在 Claude Code、Cursor、Codex、OpenClaw、Hermes 等支持 skills 的 agent 中使用
  • README 提到已改为 MIT 协议,个人和商用都免费
  • 需要把品牌资产交给 skill,例如 logo、色板、UI 截图,才能更贴合品牌气质
  • 项目还有 7 个 open issues,使用前可先看更新和问题记录

README 证据

  • “在你的 agent 里打一句话,拿回一份能交付的设计”
  • “3 到 30 分钟,你能 ship 一段产品发布动画”
  • “一个能点击的 App 原型、一套能编辑的 PPT、一份印刷级的信息图”
  • “跨 agent 通用——Claude Code、Cursor、Codex、OpenClaw、Hermes 都能装”