1. 基本信息
| 项目 | 内容 | 数据来源 |
|---|---|---|
| 名称 | Huashu Design | — |
| 作者/维护者 | alchaincyf（花叔/花生，独立开发者） | GitHub API |
| 来源链接 | https://github.com/alchaincyf/huashu-design | — |
| 许可证 | MIT License（2026-05-14 起个人与商用均无限制，此前为受限的个人免费/企业需授权协议） | GitHub API + README |
| GitHub Stars | 21,751 | GitHub API |
| Forks | 2,576 | GitHub API |
| 最新版本 | v2.0（最新正式 release；仓库持续有未打 tag 的迭代提交，近一次提交为 2026-07-21） | GitHub API |
| 安装方式 | npx skills add alchaincyf/huashu-design |
官方 README |
2. 功能介绍与亮点
Huashu Design 是一个用 HTML 原生实现的设计技能，让 agent 以对话方式产出可交付的设计物：可点击的高保真 App/Web 原型（含真实设备边框）、HTML 演示幻灯片（同时导出可编辑 PPTX）、时间轴驱动的动画（支持 60fps 插帧、配乐，导出 MP4/GIF）、信息图与数据可视化，以及基于雷达图与修复清单的五维专家评审。
核心机制亮点：
- 品牌资产协议：强制先读取用户已有的品牌资产（logo、色板、UI 截图）再设计，避免凭空猜测；无资产输入时用三套并行的设计方向顾问 + 40 种纯 CSS 风格库兜底
- 反 AI slop 规则：主动规避常见的 AI 生成视觉陷阱（紫色渐变、emoji 图标堆砌等）
- 起源透明：作者在 README 中公开说明，该 skill 的方法论是通过拆解 Anthropic 付费产品 Claude Design 的系统提示词与品牌资产协议蒸馏而来，并公开致谢
3. 适用场景
所属分类：前端与设计
适合没有设计师或 Figma 技能、需要一句话生成可交付高保真原型的独立开发者：例如快速产出产品发布动画、可点击 demo 原型、演讲用幻灯片、印刷级信息图，尤其适合习惯在终端里让 agent 干活、不愿切换到图形界面的用户。
4. 跨 Agent 兼容性
- Claude Code：原生支持——主发布渠道，
npx skills add一条命令安装，SKILL.md 遵循 Anthropic Agent Skills 开放协议 - Codex：需适配——无原生 skill 加载机制，但在仓库 issue #6 中，作者与用户确认可将 SKILL.md 当作 instructions 交给 Codex 读取执行，可用但能力有所打折
- OpenClaw：未验证——README 自述“跨 agent 通用……OpenClaw、Hermes 都能装”，但未找到针对该平台的独立测试或第三方讨论佐证
- Hermes Agent：未验证——同上，仅有项目自述，无独立验证材料
5. 推荐理由
Huashu Design 把 Anthropic 付费产品 Claude Design 的设计方法论蒸馏成一个可自由商用的开源 skill——不用打开任何图形界面，一句对话就能拿到高保真原型、可编辑演示文稿，或带配乐的产品发布动画。品牌资产协议与反 AI slop 规则被固定成流程，省去反复调教 prompt 才能避免“一眼假”效果的麻烦，对没有专职设计师的独立开发者和小团队尤其实用。
6. 评分
| 维度 | 分数 | 说明 |
|---|---|---|
| 受欢迎程度 | 9 | GitHub 21,751 stars、2,576 forks（数据来自 GitHub API）；另有独立技术博客 pasqualepillitteri.it 撰文评测，Threads 等社交平台有独立博主介绍，并被 skills.sh、awesomeskills.dev 等第三方技能目录收录 |
| 可用性 | 9 | 单条命令安装（npx skills add），522 行 SKILL.md 主文档配合多份 references 子文档与官方视频教程；近期（2026-07-21）仍有提交，维护活跃；核心功能无需付费依赖，仅可选的配音功能需自备第三方 TTS API key |
| 安全性 | 8 | 见下方检查清单 |
安全检查清单：
- shell 命令执行范围：有，均为本地媒体处理脚本（格式转换、配乐合成、导出 PDF/PPTX 等），每个脚本的用途在文件名与内嵌说明中逐一注明，范围明确
- 联网外发：有，但均为透明可核实的公开数据抓取——Wikimedia Commons 公共领域图片检索（脚本内声明遵守合规 User-Agent 规范）、GitHub API 读取 star 数据；不上传用户生成的中间产物
- API key/凭据：可选功能（豆包语音 TTS）需自备火山引擎 API key，经由本地
.env文件存储，.env.example中逐项列明每个变量的用途，非强制使用 - 可疑指令：逐份检查 SKILL.md 全文与全部 shell/脚本文件，未发现 prompt injection 或混淆代码迹象
- 作者信誉：独立开发者，经独立核实其 GitHub 账号名下另有一个 28,446 star 的同类 skill 项目（nuwa-skill），未见刷星或虚报证据
- License：MIT，2026-05-14 起个人与商用均无限制，条款清晰
- 最近维护：持续活跃，近期（2026-07-21）仍有代码提交
7. 跟同类 Skills 相比的优势
| Skill | 定位 | 与本 skill 的差异 |
|---|---|---|
| frontend-design（anthropics/skills 官方仓库子技能） | 面向“写代码时的美学方向指导”，帮助 agent 在生成前端代码时做出更有主见的视觉判断 | 本身不产出独立交付物，只影响代码输出的审美倾向；Huashu Design 直接产出可独立使用的 HTML/MP4/PPTX 等成品，覆盖原型、幻灯片、动画多种格式 |
| ui-ux-pro-max-skill（nextlevelbuilder） | 跨平台 UI/UX 设计智能指导，偏重设计原则与规范建议 | 更接近“设计知识库”定位；Huashu Design 强调“一句话到成品”的端到端产出，尤其在动画/视频导出维度覆盖更完整 |
| stitch-skills（google-labs-code，Google 官方） | 围绕 Google Stitch MCP 服务的设计技能库，需额外配置 MCP 服务端才能使用 | Huashu Design 是自包含的单一仓库，npx 一条命令装完即用，不依赖另行搭建的外部服务 |
8. 用户评价
独立技术博客 pasqualepillitteri.it 作者 Pasquale Pillitteri 于 2026-04-21 撰文评测，称其为“对整天在 Claude Code 里工作、希望不切换工具就能生成原型/幻灯片/动画的开发者而言，是 2026 年最值得入手的免费工具之一”，同时指出彼时的局限：宣传中的“逆向工程”说法有营销修辞成分，且许可证对商用曾有限制（该限制已于文章发布后的 2026-05-14 解除）。文章记录该项目发布 48 小时内获得 662 星、106 fork，至同月 28 日增长至 8,998 星、1,325 fork。
仓库 issue 区亦有具名用户互动：韩语、葡萄牙语、英语翻译分支由不同地区的外部贡献者提交合并，功能咨询与报错反馈也有维护者及时回应的记录。
9. 其他补充
除中文默认 README 外另提供英文版；已有第三方基于其设计方法论衍生的 fork 项目（如 anhskohbo/arch-design）。作者同期维护的另一个 skill 项目 nuwa-skill 获得 28,446 star，独立验证确有此仓库。
10. 安装使用方式
npx skills add alchaincyf/huashu-design- 装完后请确认安装目录（如
~/.claude/skills/huashu-design/）同时包含references/、assets/、scripts/、demos/四个子目录，而非只有单个 SKILL.md 文件——旧版本（≤1.5.15）的skillsCLI 存在单文件同步问题，需升级到 1.5.19 及以上，或改用git clone到 skills 目录兜底安装 - 安装后无需重启，在支持 skills 的 agent 中用自然语言描述需求（如“做一份 AI 心理学的演讲 PPT，推荐 3 个风格方向让我选”）即可触发
- 视频/配音相关导出功能依赖本机安装 ffmpeg，以及（可选）在
.env中配置豆包语音 TTS 的 API key
11. 注意事项
- 作者在 README 中明确列出已知限制：不支持图层级可编辑的 PPTX 到 Figma 转换；不支持 Framer Motion 级别的复杂动画（3D、物理模拟、粒子系统超出其能力边界）；完全没有品牌资产输入时，从零设计的产出质量会明显下降
- 交互方式为纯对话驱动的终端工作流，没有图形界面，习惯在 GUI 中直接拖拽调整的用户需要适应
- OpenClaw、Hermes Agent 上的兼容性目前仅为项目自述，未见独立验证