用途：在代码实现完成后，将线上或本地 UI 与对应 Figma 设计稿进行系统性比对，确认视觉实现是否忠实于设计规范，并给出可落地的修复反馈。
主要能力：截取实现界面截图并测试不同视口与交互状态；通过 Figma MCP 读取设计文件，提取颜色、字体、间距、阴影等设计 token 与组件规范；逐项比对布局、间距、对齐、比例、排版、颜色、边框与渐变、交互元素状态、响应式断点及可见的 WCAG 无障碍问题；输出结构化评审，分为已正确实现、次要偏差、重大问题、测量数据与建议，并按视觉影响排优先级。
使用方式：先用 agent-browser CLI 采集实现状态，例如 agent-browser open [url]、agent-browser snapshot -i、agent-browser screenshot output.png，悬停状态可执行 agent-browser hover @e1 后再截图；随后通过 Figma MCP 获取设计规格；最后进行系统比对并生成含具体 CSS 属性与取值的修复建议。
适用场景：前端页面与设计稿交付前的走查、设计系统一致性检查、响应式与交互状态复核、跨浏览器渲染差异评估。
限制：资料未提供该 Agent 的收费、价格、平台支持范围与具体安装步骤；其判断依赖可访问的 Figma 设计文件与截图工具，浏览器渲染差异、字体可用性与回退、动态内容、动画过渡及无障碍改动可能造成合理偏差，需结合上下文判断是否为有意为之。