菜单
基于 Playwright 的自动化前端测试——一句话驱动全流程：自动写测试脚本、 启动浏览器、执行测试、截屏输出结果。Anthropic 官方出品，适合部署前全页面截图对比、 登录流程测试、表单验证等场景。 Trigger keywords: webapp testing, 前端测试, 自动化测试, Playwright测试, 浏览器测试, 端到端测试, e2e测试, 页面截图, 测试登录, 部署前测试, test my app, 帮我测试, 测一下登录流程, 跑一下测试。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/ZhouYinLong-lab/Dog-Skills --skill webapp-testing命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | webapp-testing |
| description | 基于 Playwright 的自动化前端测试——一句话驱动全流程：自动写测试脚本、 启动浏览器、执行测试、截屏输出结果。Anthropic 官方出品，适合部署前全页面截图对比、 登录流程测试、表单验证等场景。 Trigger keywords: webapp testing, 前端测试, 自动化测试, Playwright测试, 浏览器测试, 端到端测试, e2e测试, 页面截图, 测试登录, 部署前测试, test my app, 帮我测试, 测一下登录流程, 跑一下测试。 |
| allowed-tools | ["Read","Write","Edit","Bash","Glob","Grep","Agent","WebFetch","TaskCreate"] |
| metadata | {"category":"development","source":"https://github.com/anthropic/claude-plugin-directory","install":"/plugin install webapp-testing@claude-plugin-directory","version":"1.0.0","license":"MIT"} |
Anthropic 官方出品，底层基于 Playwright。卖点不是"帮你写测试"，而是全流程自动化。
你跟 Claude Code 说"测一下登录流程"，它自动帮你：
/plugin install webapp-testing@claude-plugin-directory
需要 Playwright 环境：
npx playwright install chromium
"测一下登录流程"
"帮我测试这个表单的验证逻辑"
"部署前跑一下所有页面的截图"
"检查支付流程有没有问题"
提交代码前的完整检查流水线：
Code Simplifier → Code Review → Webapp Testing → 部署
如果 Webapp Testing 发现问题，回到 Code Simplifier 修改后重新走流水线。