基于Playwright codegen+skill进行UI自动化的实践教程

本文诉求

不少测试同学有这样的诉求：在利用AI进行UI自动化测试的时候，希望尽可能降低大模型的 Token 消耗，先由人工完成页面操作录制，再交由 AI 基于录制结果生成可执行的自动化脚本。

基于这个需求，我调研了对应的实现思路。Playwright 自带的 codegen 录制工具刚好可以匹配这个场景：先人工操作页面完成流程录制，产出基础录制代码，再结合 AI 对录制代码做优化、补全逻辑，最终得到可以稳定运行的自动化脚本。

因此本文分享一套人工 + AI 结合的落地方案：借助 Playwright codegen 录制能力，封装成对应的 Skill。下面就给大家详细讲解下完整流程