返回首页
查看全部
Web 应用测试技能包
已实测
Webapp Testing Skill
让 AI 用 Playwright 测试本地 Web 应用：验证功能、调试 UI、截图、看浏览器日志。
支持平台
Claude CodeCodexCursor
安全等级
低风险
安装难度
需要基础命令行最后验证
2026年7月2日01/功能概览
功能概览
让 AI 用 Playwright 测试本地 Web 应用：验证功能、调试 UI、截图、看浏览器日志。
- AI 不会验证自己写的代码好不好用
- 不会做 UI 自动化测试
- 看不到浏览器实际行为和日志
02/使用场景
使用场景
- 验证前端功能是否正常
- 调试 UI 行为
- 截浏览器截图
- 查看浏览器控制台日志
- 做自动化测试
03/适合人群
适合谁用
- 前端开发者
- 用 Claude Code 写 Web 应用的人
- 做产品验证的人
04/不适合人群
不适合谁
- 不写 Web 应用的人
- 只用单元测试的人
普通人版解释
用大白话说这个技能包让 AI 会测 Web 应用。你跟 AI 说「帮我测一下这个页面的登录流程对不对」「截图看看这个页面在移动端长啥样」「看下浏览器控制台有啥报错」，AI 会用 Playwright 自动测好并把结果给你。
专业版解释
给 Claude Code / Codex 用户Anthropic 官方出品的 Web 应用测试技能包。安装后 AI 会用 Playwright 与本地 Web 应用交互和测试：验证前端功能、调试 UI 行为、截浏览器截图、查看浏览器日志。适合做产品验证和自动化测试。
07/安装方式
安装方式
复制对应平台的命令到终端执行。安装前建议先确认来源和安全等级。
安装命令
git clone https://github.com/anthropics/skills.git && cp -r skills/skills/webapp-testing ~/.claude/skills/webapp-testing
08/SKILL.md 预览
SKILL.md 预览
这是这个技能包的核心内容。默认折叠预览，确认后再复制或展开。
暂无 SKILL.md 内容预览。
09/使用示例
如何使用
安装后，把下面的提示词直接发给 AI 即可触发这个技能包。
使用示例（直接发给 AI）
- 1.请使用 Web 应用测试技能包，测一下这个页面的登录流程对不对
- 2.请使用 Web 应用测试技能包，截图看看这个页面在移动端长啥样
- 3.请使用 Web 应用测试技能包，看下浏览器控制台有啥报错
10/安全说明
安全说明
技能包可能不只是提示词。请先查看下面的权限表，了解这个技能包会做什么。
| 权限项 | 状态 | 风险 |
|---|---|---|
| 是否包含脚本 | 是 | 存在风险 |
| 是否会执行系统命令 | 否 | 无风险 |
| 是否会读取本地文件 | 否 | 无风险 |
| 是否会联网请求 | 否 | 无风险 |
| 是否适合新手安装 | 否 | 不建议新手 |
低风险
可以放心安装使用，适合所有用户。11/相关技能包
相关技能包
M
MCP 服务构建技能包
让 AI 帮你构建高质量的 MCP（Model Context Protocol）服务器，集成外部 API 和服务。
技
技能包创建技能包
让 AI 帮你创建、修改、优化技能包，并做评测、基准测试、触发准确率优化。
测
测试驱动开发技能包
铁律：先写测试、看它失败、再写最少代码让它通过。任何功能或 bug 修复前使用。
R
React 动画技能包
让 AI 在 React / Next.js 里正确使用 GSAP：useGSAP hook、清理、SSR 不报错。
S
Skill 调用规范技能包
让 AI 在回答前主动检查并调用相关 Skill，是 Superpowers 技能集的入口。
系
系统化调试技能包
遇到任何 bug、测试失败、异常行为时，先找根因再修复，禁止瞎猜式打补丁。