EN
全部 Agent 工程

Skill

webapp-testing Skill:用 Playwright 操作本地网页应用

Anthropic 官方 webapp-testing Skill:用 Python Playwright 脚本验证本地网页,未实测

这是 anthropics/skills 仓库里的一个 Skill 目录,按 SKILL.md 原文整理,未实测。

核验日期
· 未实测
适用于
  • Claude Code 通过整包 example-skills 插件在 Claude Code 中使用(README、marketplace.json 均列出);单独安装 webapp-testing 官方未写明[4][5][3]
触发方式
官方未提供命令

本次未核到本技能的逐字调用命令;整包 example-skills 安装后,README 称在对话中提及 Skill 即可使用(示例为 PDF Skill,对本 Skill 属类推);SKILL.md 的 name 为 webapp-testing[1][4]

安装
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

整包安装 example-skills(含 webapp-testing 与另外 11 个 Skill),非单装;单装官方未写明[4][5]

前置条件
  • 账号 官方未写明[1]
  • 命令行工具 官方未写明[1]
  • 权限 官方未写明[1]
  • 费用 官方未写明[1]
  • Python 与 Playwright(SKILL.md 要求写原生 Python Playwright 脚本;安装方式官方未写明)[1]
核验版本
dbd4588
涉及工具

什么时候用

  • 要验证本地网页应用的前端功能、排查界面行为,SKILL.md 的 description 列为用途。[1]
  • 需要截图或查看浏览器日志,description 同样列出。[1]

什么时候不用

  • 目标不是本地网页应用(推断):SKILL.md 针对 localhost 一类本地应用,其他场景官方未写明。[1]
  • 不想用 Python 脚本(推断):SKILL.md 要求写原生 Python Playwright 脚本,未提供其他方式;官方没有明写“不适用”。[1]

用途与做法

SKILL.md 的 description 写明:这是用 Playwright 与本地网页应用交互和检验的工具包,支持验证前端功能、调试界面行为、截取浏览器截图、查看浏览器日志。正文要求用原生 Python Playwright 脚本来做。[1]

  • 自带脚本 scripts/with_server.py,负责启动和关闭一个或多个服务
  • SKILL.md 要求先用 --help 查看脚本用法,只有确有必要才读源码
  • examples/ 目录有元素发现、静态 HTML 自动化、控制台日志三个示例

[1][3]

官方决策流程

SKILL.md 决策树的主要分支
情况做法
静态 HTML直接读 HTML 找选择器,再写 Playwright 脚本;失败则按动态应用处理
动态应用且服务未启动先运行 python scripts/with_server.py --help,再用它配合简化的脚本
动态应用且服务已在运行先侦察后行动:等 networkidle,截图或查看 DOM,再用找到的选择器操作

[1]

官方强调的易错点:动态应用要先等待 networkidle 再检查 DOM;浏览器按 SKILL.md 示例以 headless 方式启动 chromium。[1]

依赖、安装与许可

官方信息对照
项目官方写法
运行环境Python Playwright 脚本;Playwright 的安装方式官方未写明
安装命令没有该 Skill 的单独安装命令;根 README 给出整包 example-skills 的安装命令(见下)
许可证Apache License 2.0(LICENSE.txt 原文);frontmatter 写 license 见 LICENSE.txt
账号、权限、费用官方未写明

[1][2][4]

同一 SHA 的仓库根 README 写明:先执行 /plugin marketplace add anthropics/skills 把仓库注册为 marketplace,再执行 /plugin install example-skills@anthropic-agent-skills;marketplace.json 的 example-skills 清单包含 ./skills/webapp-testing。这是整包安装(含另外 11 个 Skill),不是单装 webapp-testing,官方未写明单装方式。安装后 README 说“只要提及该 Skill 即可使用”,其示例是 PDF Skill,对 webapp-testing 属类推。[4][5][3]

来源

以下均为官方页面,核验日期见各条;链接指向核验时的版本。

  1. Anthropic · webapp-testing SKILL.md
    dbd4588
  2. Anthropic · webapp-testing LICENSE.txt
    dbd4588
  3. Anthropic · skills/webapp-testing
    dbd4588
  4. Anthropic · anthropics/skills README
    dbd4588
  5. Anthropic · anthropics/skills marketplace.json
    dbd4588

发现错误?告诉我们 →