这是什么
qiaomu-design 是一个为 Claude Code 打造的 Agent Skill，自称“偏执型设计顾问”。
它的核心目标是让 AI 生成的设计不再有“AI 味”——那种千篇一律的紫渐变、居中 Hero、三等分卡片的模板感。
它融合了 Jobs 式产品直觉和 Rams 式功能纯粹主义，并吸收了 Anthropic frontend-design、Vercel web-interface-guidelines、taste-skill、Emil Kowalski 的动效工艺、ui-ux-pro-max 等多套顶级设计 Skill 的实测精华。
这个仓库在 GitHub 上已获得 524 颗星、40 个 fork，采用 MIT 协议，目前仅有 1 个 open issue，社区活跃度不错。
适合谁
如果你正在使用 Claude Code，并且希望 AI 帮你设计或重新设计网页、组件、仪表盘、落地页等界面，同时不想得到千篇一律的模板化结果，那么 qiaomu-design 非常适合你。它适合开发者、产品经理、独立创作者，以及任何对设计品质有要求的非专业设计师。
能做什么
qiaomu-design 提供了一整套设计工作流，核心能力包括：
- 风格试衣间：生成 4 个互斥方向的真实迷你 mockup，让你实际“看到”不同风格，而不是靠文字描述拍脑袋选。
- 三拨盘自适应：根据任务类型自动调节视觉冒险度、动效强度和信息密度，功能页收敛、开放命题放开。
- AI 反套路禁令：禁止 AI 紫渐变、Inter 字体、斜体、居中套路和 AI 文案词，从源头消灭“AI 味”。
- 中文排版规范：系统字体栈优先、装饰中文字体子集化、盘古之白、行高/字重/标点纪律，让中文界面更专业。
- 动效工艺套件：基于 Emil Kowalski 体系，写动效、审动效、命名动效、做流体手势。
- 工程验收清单：Vercel 规范，包含 a11y、表单、焦点陷阱、危险操作防护等检查。
- 58 站设计系统库：内置 Stripe、Linear、Apple 等 58 个真实网站的 DESIGN.md，可以直接“参考 XX 做”。
- 打磨模式：已有页面不推倒重来，通过 Audit/Critique/Polish/Animate/Harden/Live 六个动作优化。
- 交付门禁：preflight 强制检查清单，任何一条不过就不交付。
- 自进化机制：用户反馈自动抽象成规则写入偏好账本，越用越贴合你。
使用前准备
你需要先安装 Claude Code。qiaomu-design 是 Claude Code 的 Agent Skill，不是独立软件，效果依赖模型能力。作者强烈建议使用 GLM5.2 / GLM 5.2 或 Claude 模型执行本 skill，因为在实测中，Codex 中的 GPT 模型做设计生成效果不理想，容易保守、空洞、模板化。
安装方法
快速安装（推荐）：
npx skills add joeseesun/qiaomu-design手动安装：
git clone https://github.com/joeseesun/qiaomu-design.git
cp -r qiaomu-design ~/.claude/skills/qiaomu-design使用示例
安装后，在 Claude Code 中直接说：
帮我设计一个产品落地页或者触发“重新设计”、“优化界面”、“UI 审查”等关键词。典型流程分三阶段：
- 诊断：设计读取 + 三拨盘 + 2-3 个关键问题。
- 风格试衣间：生成 4 个方向的预览页，你实际看着选。
- 执行：确认方向后，先立 DESIGN.md 锚，再写码，最后过 preflight 门禁交付。
如果已有页面要优化，可以说“帮我打磨这个页面”或“反 AI 味”，走打磨模式，不推倒重来。
风险与注意事项
- 这是 Claude Code 的 Agent Skill，不是独立软件，效果依赖模型能力。
- 风格试衣间默认生成浅层任务目录
design-previews/YYYY-MM-DD-任务名/index.html，当前不在项目中时退到桌面目录。 - 点选回传依赖本地预览服务；服务失败时降级为打开 HTML 文件并在对话中回复选择。
- 本 skill 只做设计，不会默认给生成页面注入打赏、公众号、GitHub/X 浮条或作者个人 Profile。
- 58 站 DESIGN.md 库来自公开网站的设计系统提炼，用于风格参考，不代表对应公司背书。
- 装饰性中文字体默认禁用（体积 5-20MB），只在创意标题场景子集化加载——这是特性不是缺陷。