用途：对运行中的网址或静态代码库做全面的 UX/UI/设计质量审计，覆盖 8 个维度，每个维度映射到权威标准。该技能只做分析：识别设计问题、依据引用标准解释发现、给出修复思路，但不修改代码。
主要能力：支持两种输入模式。实时模式通过 agent-browser CLI 审计运行中的 URL（截图 + DOM/无障碍快照）；静态模式通过 Grep 审计代码库（CSS/组件/设计令牌）。同时提供 URL 和代码库目标时，两者都运行并输出两份独立报告。8 个审计维度为：视觉层级与布局、排版、颜色与主题（含深色模式）、深度与阴影、组件与可供性、反馈与状态、动效与微交互、无障碍（贯穿性，WCAG 2.2 AA）。
使用方式：命令示例包括 review-design --url https://example.com（实时审计）、review-design --all --mode static（静态审计）、review-design 123（PR 变更文件）、review-design abc123def（某次提交）、review-design https://staging.example.com --all --mode both（两种模式各出一份报告）。可用 --scope 聚焦单一维度，如 accessibility、typography。实时模式需先安装 agent-browser（npm install -g agent-browser && agent-browser install）。
适用场景：网页界面的设计质量与无障碍审查、PR 或提交中的前端改动检查、上线前设计走查。
限制：不修改任何代码或设计文件，不自动修复或提交；不运行完整自动化无障碍扫描器（axe/pa11y），而是基于证据推理；不评估原生移动端（SwiftUI/Compose/Flutter）静态模式；不保证 100% 检出问题。实时模式需可达 URL 与 agent-browser；静态模式基于模式匹配，可能遗漏动态/运行时状态；截图分析依赖捕获视口的渲染保真度。高风险或受监管界面建议配合专家评审。