用途：让 AI 以资深设计总监的视角评审前端 UI，而不是当代码检查工具，围绕层级、节奏、密度、一致性、信任感与品味给出判断。用户提供页面 URL、本地开发服务器、文件路径或 Figma 链接作为评审对象。
主要能力：按四阶段流程工作。第一阶段 EXTRACT 从代码库提取设计系统，优先读取 DESIGN.md 或 design-system.md，其次查找 CSS 自定义属性、Tailwind 配置、组件库配置和已有页面模式，输出设计系统摘要。第二阶段 CAPTURE 用 Chrome DevTools MCP 在 1440px、768px、375px 三个视口截图，必要时补充交互状态截图，并通过脚本提取实际渲染的字体、按钮、卡片等计算样式。第三阶段 REVIEW 按七个维度检查：层级与信息架构、排版、颜色与对比、间距与节奏、组件一致性、响应式行为、信任与打磨度，并套用反 AI 味品味规则。第四阶段 REPORT 输出结构化报告，含设计系统摘要、总体印象、评分（满分 10 分，7 分以上可发布）以及 CRITICAL、HIGH、MEDIUM、LOW、GOOD 分级发现，每条包含问题位置、原因和具体修复方式，最后给出三个快速改进项。
使用方式：可调用 /design-review [url] 做完整评审；不带 URL 时评审当前页面；也可加 typography、color、spacing、responsive、consistency 做专项评审；加 vs [figma-url] 进入 Figma 对比模式；加 quick 跳过提取阶段直接给前五项发现。缺少 Chrome DevTools MCP 时可改用 computer-use 截图工具或让用户提供截图。
限制：依赖 MCP 截图工具或用户截图，否则无法完成截图阶段；评审不重新设计，只在既有设计语言内提建议。具体安装命令、价格与平台支持暂未提供。