花叔

Huashu Design

花叔开源的设计 Skill:在 Claude Code、Codex、Cursor 等智能体里说一句话,就能做出可点击的 App/网页原型、可编辑 PPTX、产品动画(MP4/GIF)和信息图。

更新于 2026-10

  • Linux
  • macOS
  • Windows
产品概览
概览
厂商花叔
平台Linux / macOS / Windows

简介

Huashu Design(huashu-design)是独立开发者花叔(GitHub alchaincyf)开源的 Agent 设计 Skill,口号是「打字。回车。一份能交付的设计。」,GitHub 约 2.7 万星。它不是网页产品,而是装进智能体里的 skill:用 npx skills add alchaincyf/huashu-design 安装后,在 Claude Code、Codex、Cursor、OpenClaw、Hermes 等支持 skills 的智能体里直接说需求,例如「做一份 AI 心理学的演讲 PPT,推荐 3 个风格方向让我选」「做个 AI 番茄钟 iOS 原型,4 个核心屏幕要真能点击」「把这段逻辑做成 60 秒动画,导出 MP4 和 GIF」,3 到 30 分钟拿回可交付的成品:可点击的 App/网页原型(单文件 HTML)、浏览器演讲用的 HTML 幻灯片和可编辑 PPTX、MP4/GIF 动画、可导 PDF/PNG/SVG 的信息图,以及 5 维度设计评审。给它品牌资产(logo、色板、UI 截图)时会先读懂品牌再出稿;什么都不给,就由设计方向顾问出六张缩略图、挑三个方向做成真稿。2026 年 10 月 17 日(北京时间)发布的 3.0 把风格库扩到 84 种(新增 App、中文与东亚两个分区),加入参照作品先截图再动手、只量事实的设计体检和记录你做过什么样子的外观账本(只存在本机 ~/.huashu-design/)。作者在 README 中说明其定位与 Claude Design 不同:Claude Design 是浏览器里的图形工具,huashu-design 走对话和智能体,按 API 消耗计费、不受订阅配额限制;局限是不能导出图层级可编辑的 Figma 文件,3D、物理模拟、粒子等复杂动画超出能力范围,完全没有品牌资产时质量会下降。核心链路全部本地运行,无遥测;豆包 TTS 配音、AI 看片评审等云能力放在 scripts/cloud/,可选,需用自己的 key 并首次显式确认。自 2026 年 5 月 14 日起改为 MIT 许可,个人和商用都免费。官方来源:https://github.com/alchaincyf/huashu-design 、https://github.com/alchaincyf/huashu-design/releases/tag/v3.0.0 (2026-10-27 核对)。 定价:Huashu Design 本身开源免费(MIT,可商用,无需授权);运行时消耗你所用智能体和模型的额度或 API 费用,可选的豆包 TTS 等云能力按对应厂商计费。

  • 一行安装npx skills add alchaincyf/huashu-design,之后在支持 skills 的智能体里直接用中文说需求,没有按钮、面板或 Figma 插件
  • 交互原型(App / Web)单文件 HTML,带真实 iPhone 外框、可点击,并用 Playwright 验证,约 10–15 分钟
  • 演讲幻灯片HTML deck 可在浏览器演讲,也能导出文本框可编辑的 PPTX,约 15–25 分钟
  • 时间轴动画导出 MP4(25fps / 60fps 插帧)和 GIF,可配 BGM,约 8–12 分钟
  • 信息图与数据可视化印刷级排版,可导出 PDF / PNG / SVG
  • 设计方向顾问三套逻辑各出两个候选,六张缩略图里挑三版做成真稿;3.0 风格库扩到 84 种(新增 App、中文与东亚分区),每种有样张
  • 品牌资产协议给它 logo、色板、UI 截图就按品牌气质出稿;另有 5 维度专家评审(雷达图 + 修复清单)和反 AI slop 规则
  • 核心链路(设计→渲染→导出)全部本地运行、无遥测;豆包 TTS 配音等云能力为可选,需自带 key 并显式确认
设计Agent SkillClaude CodeCodexCursorPPTPPTX原型设计动画信息图HTML开源MIT

界面截图

相关工具