以 skill 自身的术语
以设计师之眼对上线网站进行 QA。它在用户自己的浏览器中打开页面，在 375、768 和 1440 三种宽度下截图，从视觉层级到交互状态对十个类别评分，然后编辑源码修复发现的问题，每处修复一次提交，并用修复前后的截图重新验证。
审查深度默认为 5-8 页；若在功能分支上未提供 URL，则改为基于 diff 的审查。读者会得到两个总评分——加权的设计评分和独立的 AI Slop 评分——以及 30 条具名检测规则（如 [kicker-above-heading] 和 [gradient-text]），支撑背后的判断依据。
它产出什么
- 运行目录中生成一份结构化的 Markdown 审查报告。
- 写入一份 design-baseline.json 文件，供后续运行做回归对比。
- 每处修复都附有修复前后的截图对比。
- 如果用户接受第二阶段的建议，会根据提取到的观察结果生成一份可选的 DESIGN.md。
工作方式
- 01先感知，再分析
第一阶段打开目标页面并截取整页桌面端截图，然后写下一份结构化的第一印象，指出视线首先落在何处。
- 02提取渲染出的系统
第二阶段在页面内探查字体、颜色、标题层级和触控目标尺寸，然后提议将发现保存为一份 DESIGN.md。
- 03逐页审查
第三阶段对每一页运行控制台钩子、交互快照和带标注的截图，并在三种视口宽度下重复执行。
- 04感受流程
第四阶段走完 2-3 条用户流程，在每个操作后比对快照差异，并跟踪一个衡量摩擦与修复的好感度分数。
- 05逐条修复问题
第八阶段进行最小改动，单独提交，并在进入下一条发现之前重新测试。
- 06给出两个总评分
设计评分是十个类别的加权平均值，而 AI slop 评分是独立评定的。