Agent Skills
返回列表
💻

Playwright本地Web应用验证

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/verify-local-web-apps-with-playwright-scripts-and-managed-dev-servers 到 AI 助手

技能介绍

要解决的问题

本地 Web 应用的验证往往停留在"手动跑起来看一眼":启动开发服务器、等端口就绪、切到浏览器点几个链接,然后凭印象判断有没有问题。这个过程不可重复,也很难交给自动化流程或智能体执行。缺少脚本时,换个人、换个环境,验证结果就可能不一致。

这个技能做什么

该技能基于 Anthropic 的 webapp-testing 技能封装,把验证流程拆成三段:

  • 拉起本地服务:执行一个或多个本地 Web 应用的启动命令;
  • 等待可达:在运行脚本前确认服务已经能访问;
  • 原生 Playwright 检查:对渲染后的真实页面跑原生 Playwright 断言,而不是只检查静态文件。

它面向智能体驱动的验证与 UI 调试场景,把「启动服务 → 确认可用 → 浏览器端检查」串成一条可重复的链路,让代码改动后的验证不再依赖人肉点检。

适用边界

它不是把 Playwright 当作通用浏览器框架来介绍,而是聚焦本地应用的端到端验证。使用前提是环境里已有 Python、Playwright,以及可执行的本地 Web 服务器命令。相关上游文档托管在 Anthropic 的 skills 仓库中,技能提取自该仓库的 webapp-testing 目录。

使用场景

  • 改完前端路由后,启动本地服务让Playwright跑一遍页面跳转确认无回归
  • 本地接口联调期间,拉起多个后端服务验证聚合页面在真实渲染下的取数表现
  • 调试登录流程时,用浏览器脚本走完表单提交并检查跳转后的页面状态
  • 排查样式问题时,在本地渲染后截图或断言关键元素位置是否符合预期

适合人员

  • 需要把本地改动接入自动化验证的前端工程师,诉求是减少手动点检回归
  • 负责智能体工具链的开发者,诉求是让Agent在沙箱里自主完成Web应用冒烟测试
  • 从事Web应用QA的测试人员,诉求是把启动服务到浏览器断言的流程固化为可复用用例
  • 搭建本地开发环境的DevOps工程师,诉求是确认多服务联调时各端口可达且页面正常渲染