改按钮却挤坏别处?这款Skill比截图

对比移动应用截图检测视觉回归问题。

argent-screenshot-diff 指导 AI 用 Argent 对比应用截图,检查改版前后的布局、文字、颜色和图标变化。适合开发和测试人员提供基准截图与当前画面,让 AI 找出肉眼容易漏掉的视觉差异。

比如只改了一个按钮的间距,却把旁边的文字挤到下一行。对比范围不局限于你想改的元素,也能为周边区域的意外变化提供线索。差异结果出来后,还要看实际画面,判断变化是预期调整还是缺陷。

原文要求先取得稳定、可比较的基准,再进行修改和后续截图。时间、随机内容或停不下来的动画都会制造噪声;两次拍到不同数据,不能直接算成布局回归。真机截图还要按设备型号和分辨率保存基准,并注意实际屏幕方向。

它交回的是差异摘要和对比文件,适合与界面检查、组件状态和运行日志一起使用。按钮看起来没变,点击后是否跳到正确页面,仍要做行为验证。找到点击位置也应依赖界面结构信息,不能拿差异图猜坐标。

分类:测试排错

来源仓库:software-mansion/argent

适合用来做什么

  • 比较这两个应用截图的差异。
  • 使用argent screenshot-diff分析UI更改。

安装 argent-screenshot-diff

npx skills add https://www.iskills.cc/skills/software-mansion/argent/argent-screenshot-diff/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 argent-screenshot-diff 的用途与原始说明

浏览全部 Skill 指南