qiaomu-design

在 AI 辅助设计日益普及的今天，许多开发者发现生成的界面往往陷入一种同质化的陷阱：Inter 字体、紫色渐变、居中的 Hero 区域以及标准化的三等分布局。qiaomu-design 是一个专为 Claude Code 设计的 Agent Skill，旨在通过融合 Jobs 式的产品直觉与 Rams 式的功能纯粹主义，帮助 AI 产出具有独特气质、符合工程标准且无“AI 味”的设计方案。

该 Skill 的核心价值在于其经过多轮横评实验验证的机制，从诊断、风格探索到工程交付，提供了一套完整且严谨的设计工作流。

核心能力：从审美到工程的全链路管控

工作流程：三阶段确认制

qiaomu-design 拒绝一次性吐出结果，而是采用分阶段交互以确保最终产出符合预期：

1. Phase 1 诊断：通过“设计读取 + 三拨盘”自适应调整冒险度、动效密度，并提出关键问题以明确真实需求。
2. Phase 2 风格试衣间：在 design-previews/ 目录下生成 4 个不同美学方向的 HTML 预览文件。用户在本地浏览器中查看并选择最满意的方向，系统将记录该偏好并回传。
3. Phase 3 执行与交付：确立 DESIGN.md 锚点，编写代码，并通过强制性的 preflight 门禁检查后正式交付。

模型建议与实测表现

• 推荐模型：强烈建议使用 GLM-5.2 或 Claude 系列模型。实测显示，Codex 中的 GPT 模型在设计生成上容易保守、空洞，难以稳定产出有气质的完整页面。
• 实测验证：该 Skill 的规则源自对 6-8 种主流设计 Skill 的受控横评实验，覆盖落地页、仪表盘、移动端等 10+ 种任务场景。其在视觉个性、工程规范及交互完成度等维度均表现出显著优势。

快速开始

在 Claude Code 环境中安装并触发：

npx skills add joeseesun/qiaomu-design

常用触发词：

• “帮我重新设计博客首页”
• “优化这个界面的 UI，去一下 AI 味”
• “参考 Linear 的设计风格做一个仪表盘”
• “帮我打磨这个页面，增加一些微动效”