「视觉回归检查」是开发与测试工程师的高频任务。它的输入通常是基线截图与新截图,期望得到的是差异清单。这类有固定流程、又需要一点判断力的工作,很适合封装成智能体 Skill。

单个技能解决一个环节,把几个技能串起来,才能覆盖一整段工作。本文示范「视觉回归检查」与三个相关技能的组合。

组合方案

顺序技能作用交给下一步的东西
1CI 测试提速分析 CI 测试耗时并给出并行、缓存与拆分建议提速方案
2视觉回归检查对比页面截图找出非预期的样式变化差异清单
3事故补测根据线上事故复盘补充能防止复发的测试新增测试与说明
4单仓影响分析根据改动文件判断 monorepo 中受影响的包与需要跑的测试受影响包列表与测试命令

交接格式是关键

技能之间靠“上一步的输出就是下一步的输入”衔接。建议约定:

  • 每个技能的输出都带固定标题,便于下一个技能定位内容
  • 不确定项统一放在“需人工确认”小节,后续技能不得把它当作确定事实
  • 「视觉回归检查」接收的是基线截图与新截图,如果上一步给的格式不同,先做一次转换

怎么编排

有三种常见方式:

  1. 人工串联:每一步结束后由人确认,再触发下一个技能,最稳妥
  2. 编排指令:写一个总技能,列出调用顺序与交接要求,由智能体依次执行
  3. 工作流平台:在 Dify、扣子、n8n 等平台中把每个技能做成节点,用条件分支处理异常

编排指令示例(示意)

# 组合流程:CI 测试提速 → 视觉回归检查 → 事故补测 → 单仓影响分析
1. 调用 ci-test-speedup,保存输出为 step1
2. 以 step1 为输入调用 visual-regression,保存为 step2
3. 以 step2 为输入调用 test-gap-from-incident
4. 调用 monorepo-impact 做收尾
- 任一步出现“需人工确认”时暂停,等待用户回复后再继续

注意事项

  • 链条越长,错误越容易被放大,关键节点要有人看
  • 风险较低,但输出仍需快速过目再使用
  • 每个技能单独测试通过后再组合

相关技能

智能体与人的分工

技能不是把工作全部交出去,而是把重复、机械的部分交给智能体,人把住判断和责任:

步骤智能体负责人负责
截取关键页面按指令完成并给出依据抽查关键处,确认无误
与基线对比按指令完成并给出依据抽查关键处,确认无误
过滤动态内容按指令完成并给出依据抽查关键处,确认无误
标出非预期变化按指令完成并给出依据抽查关键处,确认无误
最终交付整理差异清单决定是否采用、是否对外

风险较低,但输出仍需快速过目再使用。

准备一份好范例

在技能的参考资料里放一份你认可的差异清单范例,往往比多写十条规则更有效。好范例应当:

  • 来自真实工作,但已去除个人信息和敏感数据
  • 体现团队习惯的结构、措辞和详略程度
  • 包含一处“需人工确认”的标注示范,让智能体学会如何表达不确定
  • 篇幅适中,不要比平时的产出长太多

范例不必多,一到两份即可;太多范例反而会让智能体机械模仿某一份的细节。

延伸阅读

说明:文中的配置、代码与目录结构均为示意,用于说明思路;各平台的入口、字段名与能力会更新,落地前请以对应官方文档为准。示例中的数据与场景为虚构,不代表真实案例。