用途：评估网页设计的视觉质量、一致性与多设备适配效果，适用于开发前的设计稿或原型评审、已上线网站的设计质量评估、设计评审会反馈、跨页面品牌一致性检查，以及不同断点下的响应式行为验证。
主要能力： 一、视觉层级评估：检查每页焦点、标题层级（H1→H2→H3）、尺寸对比、CTA 色彩对比、留白分组与阅读流（F 型、Z 型）。 二、排版评估：字体选择与搭配（建议不超过 2-3 个字体族）、字号比例（如 1.25、1.333）、行高（正文 1.4-1.6，标题 1.1-1.3）、行宽（45-75 字符，约 66 最佳）、字重与字号（正文最小 16px）。 三、配色评审：调色板一致性（通常 3-5 色加中性色）、品牌对齐、对比度需满足 WCAG AA（正文 4.5:1，大字 3:1）、语义色一致（红错绿对）、不单靠颜色传达信息、明暗模式可读性。 四、布局与间距：栅格系统一致性、间距比例（4px/8px 基准）、对齐、信息密度、留白分组、相似区块间距一致。 五、响应式评估：在 375px、428px、768px、1280px、1536px+ 等断点检查布局重排、触摸目标至少 44x44px、文字可读性、图片缩放、移动导航、无横向滚动。 六、品牌一致性：Logo 用法、品牌色准确性、字体匹配、文案语气、图标风格统一、图片风格。 七、输出评审：给出总体印象，对视觉层级、排版、配色、布局间距、响应式、品牌一致性逐项评分（5 分制），列出优先改进项与做得好的地方。
使用方式：需要提供待评审设计（URL、设计稿文件、截图或源码），可选提供品牌指南、设计系统文档、目标受众、参考设计及关注重点。评审按七个步骤执行：评估视觉层级、评估排版、评审配色、评估布局与间距、评估响应式、检查品牌一致性、撰写评审报告。若无法获取设计稿，可用浏览器开发者工具从线上代码评估；对比度可用 WebAIM 等工具核验；间距不一致时可建议采用间距比例（如 Tailwind 的 space-*）。
限制与注意：反馈需具体并指明页面、区块与元素，避免仅凭主观喜好（如“不喜欢这个颜色”）而不说明原因；评审必须包含无障碍对比度检查；不能只评审静态稿，需测试响应式行为、悬停状态与过渡；应描述问题而非直接指定具体修复值；需结合上下文（银行类与游戏类网站标准不同）。若缺少品牌指南，则记录为建议并改为评估内部一致性。该技能与 review-ux-ui、setup-tailwind-typescript、scaffold-nextjs-app 相关。