29401★《huashu-design：一句话生成可交付的设计成品》
Huashu Design 是一套 HTML-native design skill，适用于 Claude Code、Codex、Cursor 等各类 agent。核心理念是「打字。回车。一份能交付的设计」——在你的 agent 里打一句话，拿回一份能直接交付的设计成品，不需要按钮、面板或 Figma 插件。
用 3 到 30 分钟，你能产出一段产品发布动画、一个能点击的 App 原型、一套可编辑的演示 PPT，或一份印刷级的信息图。它不是「AI 做的还行」的水平，而是看起来像大厂设计团队做的作品。
你可以把品牌资产（logo、色板、UI 截图）交给它，让它读懂你的品牌气质；什么都不给也有兜底方案：六个候选缩略图里挑三个真实方向，配合带样张的风格库，避免产出 AI slop。
主要特点
- 设计方向顾问：三套互补逻辑（最佳设计师、现实参照、秒数轮盘）各出两个候选，先看六张缩略图，再把最强的三版做成真实视觉供你挑选
- 大型风格库：92 种 HTML 原生风格，覆盖网页、PPT、信息图、App、中文与东亚、小红书六个分区，每种都配样张，纯 CSS 无需生图
- 多种交付物：可点击的 App/Web 交互原型、浏览器演讲的 HTML deck 与可编辑 PPTX（真文本框）、MP4/GIF 时间轴动画、印刷级信息图、小红书图文
- 外观账本与设计体检：记住你做过的样式并避免重复，带一个只量事实的设计体检（如发现首屏撞车会主动替换方案）
- 6 维度专家评审：概念/立意一票否决加五个执行维度，输出雷达图与可操作的修复清单
- 跨 agent 通用：兼容 Claude Code、Cursor、Codex、OpenClaw、Hermes 等支持 skills 的 agent，采用 MIT 协议，个人与商用均免费
安装
npx skills add alchaincyf/huashu-design装完请确认安装目录里除 SKILL.md 外还包含 references/、assets/、scripts/、demos/ 四个子目录（共 430+ 个配方、脚本与素材文件）。若缺失，多半是 skills CLI 版本过旧，可先升级再重装，或用 git clone 兜底：
npm i -g skills@latest
npx skills@latest add alchaincyf/huashu-design
git clone https://github.com/alchaincyf/huashu-design.git ~/.claude/skills/huashu-design装好后，直接在 agent 里说话即可，例如：
「做一份 AI 心理学的演讲 PPT，推荐 3 个风格方向让我选」
「做个 AI 番茄钟 iOS 原型，4 个核心屏幕要真能点击」
「把这段逻辑做成 60 秒动画，导出 MP4 和 GIF」
「帮我对这个设计做一个 6 维度评审」📊 本项目 GitHub 星标数：29401。项目地址：https://github.com/alchaincyf/huashu-design
