Design Review 是一个专注于视觉设计质量把关的技能，用于评估和系统化改进已有 UI，而非生成新设计。它的典型用途包括：对页面进行设计审计、确定应优先修复的问题、与参考应用进行对比、判断某个界面是否已达到可发布水平，以及把 AI 生成的界面提升到生产质量。
核心审查方法论分为四步。第一步是五秒第一印象：眯眼或模糊视线观察页面，记录视线首先落在什么元素上；如果最先看到的不是主要操作或主要内容，说明视觉层级已破坏，应列为 P0。第二步是系统化页面走查：按从上到下、从左到右的顺序逐区检查，识别每个区块的用途（导航、内容、操作、状态），判断其是否与主要视觉焦点竞争，并记录具体位置和问题，而非模糊抱怨。第三步是按优先级归类每个问题。第四步是按优先级顺序修复，每次只处理一个优先级类别，完成后再重新评估，因为修复 P0 往往会连带解决下游问题。
优先级框架从 P0 到 P7 展开。P0 是视觉层级：每个页面或区块只应有一个清晰焦点，主 CTA 应是最醒目的交互元素，次要操作应视觉上处于从属地位，标题字号需形成清晰层级，装饰元素不得与功能元素竞争，导航应比页面内容更安静。P1 是间距与对齐：使用一致的间距尺度，组与组之间的间距应为组内间距的 2 至 3 倍，内容对齐同一网格，页面内边距一致，保持垂直节奏，避免漂浮元素。P2 是颜色使用：遵循 60-30-10 比例，强调色仅用于交互或高优先级元素，不使用装饰性颜色，状态色保持一致，正文对比度至少 4.5:1，深色或彩色背景需有明确意图。P3 是排版：字号层级至少有两个明显台阶，字体字重不超过三种，正文行宽控制在 65 字符以内，标题行高较紧、正文行高较松，最多使用两种字体。P4 是组件一致性：同类用途的按钮样式、卡片样式、表单字段样式、重复元素内边距、图标风格、悬停与激活状态应保持一致。P5 是状态与边界情况：加载状态、空状态、错误状态、长文本溢出、列表数量变化、表单校验提示都需妥善处理。P6 是响应式：在标准断点下布局自适应，无横向溢出，移动端触控目标至少 44x44px，导航相应变换，表格可滚动或重排，移动端正文字号不低于 16px。P7 是动效与打磨：过渡在 150 至 300ms 之间且柔和，避免突兀状态切换，所有交互元素有悬停状态，键盘导航有可见焦点状态，高频交互元素避免动画，页面切换保持一致感。
该技能还提供前后对比方法：先记录当前状态，再按优先级顺序修复，一次只处理一个类别，每类修复后重新评估，并保留已经表现良好的部分。跨页面一致性检查涵盖页头、页面内边距与最大宽度、标题层级、卡片与组件样式、按钮变体、颜色含义、空状态与加载状态、页脚等，若存在不一致，应从执行最好的页面提炼正确模式并推广到其他页面。
停止标准按阶段划分：MVP 或早期产品达到 P0 至 P3 即可发布；上线前达到 P4 至 P5，组件一致且边界情况已处理；增长期再处理 P6 至 P7，即在产品有留存数据支撑后再投入响应式与动效打磨。目标是“有意设计”，而非“获奖设计”。资料还提到可参考 AUDIT-CHECKLIST.md 获取结构化清单版本，以及 beautify、beautify/AI-SLOP-FIXES.md 和 ui-patterns 等关联技能。关于安装命令、价格、平台等信息，资料未提供。