测试与浏览器 · GitHub Skill

webapp-testing

使用 Playwright 侦察本地应用、验证交互、检查日志并保存截图证据。

测试与浏览器12.3万 次安装Official
在 GitHub 查看详情
支持 CodexClaude CodeAgent Skills
技能排名第 198 / 300 名累计安装量122,801 次GitHub 仓库anthropics/skills最近更新2026-07-28
查看本页内容

webapp-testing 是什么?

webapp-testing 是 anthropics/skills 发布的测试与浏览器类 Agent Skill,面向 文档、设计、开发和自定义工作流。它不是独立模型,而是一套可安装、可重复调用的任务规则。

一句话理解使用 Playwright 侦察本地应用、验证交互、检查日志并保存截图证据。

它能帮你做什么

使用 Playwright 侦察本地应用、验证交互、检查日志并保存截图证据。

主要工作范围本地 Web 应用功能测试
识别任务

需要通过真实浏览器验证本地页面功能或调试 UI 行为时。

执行方法

基于可见元素行动

准备材料

本地应用地址、目标流程、预期状态和测试数据

交付结果

交互验证结果、浏览器日志与截图

什么时候适合用

需要通过真实浏览器验证本地页面功能或调试 UI 行为时。

正在处理“本地 Web 应用功能测试”可以提供本地应用地址、目标流程、预期状态和测试数据希望按固定步骤完成并检查结果需要得到交互验证结果、浏览器日志与截图

使用前准备

先把环境、材料和权限边界核对清楚,再安装和调用。

  • 终端安装需要 Node.js 与 npx;也可以把本页安装指令发给 Codex
  • 先看仓库中的 SKILL.md、脚本和依赖,确认来源可信,再允许联网或写入 Skills 目录
开始前给它什么

准备材料

  • 本地应用地址
  • 目标流程
  • 预期状态和测试数据
最后拿到什么

预期交付

  • 交互验证结果
  • 浏览器日志与截图
开始前给它什么,最后拿到什么

安装方式 (两种方式,任选其一)

选择自己更顺手的一种即可;两种方式都会安装同一个完整 Skill 目录。

方式一 · 推荐

方法一:在终端安装

适合愿意直接运行命令、希望快速确认结果的用户。

终端命令

安装到当前项目

npx -y skills@latest add anthropics/skills --skill webapp-testing --agent codex --yes
方式二 · 交给 Codex

方法二:把安装任务发给 Codex

不想自己操作终端时,把完整任务发给 Codex 并核对结果。

发给 Codex

安装 webapp-testing

$skill-installer
请从 https://github.com/anthropics/skills 安装 webapp-testing Skill。先确认仓库里这个 Skill 的完整目录和依赖文件,安装到当前 Codex 可发现的 Skills 目录;如果需要联网、写文件或账号权限,先告诉我具体原因。安装完成后说明下个任务如何触发它。
多个项目都要使用?查看全局安装命令
终端命令 · 多项目共用

全局安装

npx -y skills@latest add anthropics/skills --skill webapp-testing --agent codex --yes --global
  1. 1复制命令或发送给 Codex
  2. 2等待安装完成
  3. 3检查安装结果
  4. 4开始使用 webapp-testing
安装后运行 npx -y skills@latest list --agent codex,确认列表中已经出现 webapp-testing

开始使用

安装好后怎么用:新开一个 Codex 任务,第一行点名 Skill,再补充材料位置与交付标准。

示例指令

在 Codex 中调用 webapp-testing

$webapp-testing
请帮我完成这项任务:{写清要做什么}
材料位置:{文件、目录或链接}
交付要求:{格式、范围和验收标准}
开始前先检查材料是否齐全;缺什么就列出来,不要自行编造。
  1. 打开一个新 Codex 任务,用 $webapp-testing 明确触发。
  2. 把文件、目录或链接和交付标准一起给出,缺材料时先补材料。
  3. 第一次先用小样本跑通;结果不合适就指出具体检查项,不需要重复安装。

进阶用法

结合 Codex 的上下文和检查能力,让这套工作流更稳定。

它大致怎么工作
01组合上下文

先侦察页面

02按规则执行

基于可见元素行动

03检查交付

检查日志

04持续迭代

验证目标状态

05步骤 5

保存证据

常见问题

webapp-testing 和普通提示词有什么区别?

webapp-testing 是 anthropics/skills 发布的测试与浏览器类 Agent Skill,面向 文档、设计、开发和自定义工作流。它不是独立模型,而是一套可安装、可重复调用的任务规则。 普通提示词通常只服务当前对话,Skill 会保留可重复执行的方法、文件和检查标准。

安装后找不到 webapp-testing 怎么办?

先运行 npx -y skills@latest list --agent codex 检查是否登记成功,再新开一个 Codex 任务并输入 $webapp-testing。

它会访问哪些文件或权限?

安装会联网读取 GitHub 并写入 Skill 文件,权限只开到完成当前安装所需的范围

可以在 Claude Code 中使用吗?

不少 Agent Skills 也能在 Claude Code 中使用,但目录位置和依赖可能不同,需要按仓库说明安装。

使用时注意

安装量只能反映热度,不能代替来源、脚本和权限检查。

  • 安装会联网读取 GitHub 并写入 Skill 文件,权限只开到完成当前安装所需的范围
  • 第三方 Skill 里的脚本会在使用时执行,先读脚本和依赖,不用安装量代替安全检查
  • 仓库要求账号或 API Key 时,不要把密钥写进公开页面、截图、提示词或仓库文件
让方法真正复用

让 AI 更懂你的工作

小贺AI 整理 MCP Server 和 Skills,帮助你快速完成文档处理、代码开发、数据分析等任务。

多平台支持Codex、Claude Code 等一键接入快速接入 MCP 和 Skills安全可查来源、脚本和权限透明
体验小贺AI