joeseesun/qiaomu-design

解决的问题

AI生成的用户界面常常呈现出一种“默认AI风格”——表现为通用的紫色渐变、居中的主视觉区域以及重复的模板。qiaomu-design 提供一种明确的流程，强制AI摆脱这些陈词滥调，并确保最终输出符合专业的工程与排版标准，尤其适用于中文字符。

如何工作

作为兼容客户端（如 Codex 或 Claude Code）的 Agent Skill 运行，实现三阶段闭环流程：

1. 诊断：代理分析需求，并根据任务类型调整“变化度”、“动态感”和“密度”等参数。
2. 风格试衣间：不只生成一个结果，而是生成四个彼此差异显著的真实HTML原型。用户通过本地预览服务器选择偏好的方向。
3. 执行：代理根据一系列严格规则实现所选设计，包括禁止AI陈规的“反懒散”规则、58个真实网站设计系统（如 Stripe、Linear、Apple）的库，以及用于无障碍和工程品质的预飞行检查清单。

适用人群

使用AI代理构建网页界面的开发者和设计师，希望获得高保真、专业级成果，且不显露出AI生成痕迹的人。

特色亮点

• 风格试衣间：在完整实现前生成4个真实迷你原型，供视觉选择。
• 反AI审美：明确禁止常见AI设计陈规（如紫色渐变、特定字体），以激发创造力。
• 专业排版：包含针对中文排版（CJK间距、系统字体栈）的专门规则。
• 设计系统库：可访问58个顶级网站的设计系统精华，作为风格参考。
• 工程严谨性：实施Vercel风格的工程检查清单和Emil Kowalski运动系统，实现高质量动画。
• 自我进化：自动将用户反馈抽象为规则，形成个人偏好记录。