用途 该技能用于让 Claude 执行视觉回归测试，自动发现非预期的 UI 变化。它通过集成常见的视觉测试工具（如 Percy、Chromatic、BackstopJS），把截图捕获、基线与当前截图比对、差异分析这一流程自动化。
主要能力
- 截取截图：使用已配置的视觉测试工具，对指定组件或页面进行截图。
- 基线比对：把当前截图与已建立的基线图像进行比对。
- 差异分析：识别并分析当前截图与基线图像之间的视觉差异，并报告检测到的视觉差异，指出潜在的 UI 回归。
使用方式 当需要检测近期代码修改引入的非预期 UI 变化、验证 Web 应用在不同浏览器或环境下的视觉一致性，或把视觉回归测试自动化接入 CI/CD 流程时，可以启用该技能。典型流程由用户以自然语言提出请求，例如“对首页运行视觉测试，检查最新功能更新后是否存在 UI 回归”，该技能便会依次截图、比对该页面的基线图像，并报告差异。也可以要求对产品详情页在 Chrome 和 Firefox 中分别截图，再与各浏览器对应的基线图像比对，报告跨浏览器的不一致。
适用场景
- 功能更新后验证页面是否出现 UI 回归。
- 检查同一页面在不同浏览器或环境中的视觉一致性。
- 在 CI/CD 流程中自动化执行视觉回归测试。
- 与其他 Claude Code 插件组合，例如在功能测试通过后运行视觉测试，以自动化端到端测试工作流。
最佳实践与限制
- 需确保视觉测试工具已正确配置，包括正确的 API 密钥与项目设置。
- 需维护准确且最新的基线图像，以避免误报。
- 需定义合适的视口尺寸，以覆盖不同屏幕分辨率与设备。
- 具体支持的工具版本、配置细节、收费与价格、平台兼容范围等资料暂未提供。