Claude Academy 学习推荐示例：直接回答后链接至官方 Claude Code 学习入口
项目截图关于这个 Skill
用 Playwright 检查本地网页，执行前端流程，并记录截图与浏览器日志。需要 Python 或 Node.js Playwright、浏览器运行文件，以及正在运行的本地应用。
为什么推荐
适合通过真实浏览器检查本地 Web 应用，结合 Playwright 脚本和先观察再操作的方式，关注实际 DOM 与加载时机。
适合用来做什么
- 检查表单的用户流程。
- 检查动态渲染的界面。
- 调试时记录浏览器截图。
工作方式
1. 启动或连接本地应用
启动或连接本地应用，观察渲染后的页面，再确定选择器。
2. 检查 DOM 后选择操作方式
用 Playwright 执行用户操作、记录截图并检查浏览器行为。
3. 断言行为并保存浏览器证据
断言预期结果，并结合实际 DOM 与日志定位失败原因。
示例任务
可以这样描述任务：“检查虚构工作坊报名表的空输入、成功报名和重置流程。”
预览是 SkillHey 为这类任务制作的原创示例，内容为虚构演示；并非 Anthropic 官方截图或 Agent 评测结果。
第二个示例
可以这样描述任务：“检查本地购物车的数量更新、移除商品和空购物车状态。”
安装单个 Skill 或官方插件
单独安装时，用上方命令把完整目录复制到项目 Skills 根目录，最终入口为 .claude/skills/webapp-testing/SKILL.md。保留引用资料、脚本与素材。
| 命令 | 用途与使用时机 |
|---|---|
/plugin marketplace add anthropics/skills | 在 Claude Code 中注册官方插件市场。 |
/plugin install example-skills@anthropic-agent-skills | 安装官方插件；可能同时包含其他 Skill，具体以插件清单为准。 |
依赖与许可
需要 Python 或 Node.js Playwright、浏览器运行文件，以及正在运行的本地应用。
方法文件可免费访问；运行 Agent 或外部服务可能产生相应费用。
再次分发文件前，请查看该 Skill 的 LICENSE.txt。
使用前需要了解
- 需要 Python 或 Node.js Playwright、浏览器运行文件，以及正在运行的本地应用。
支持的 Agent
Claude Code
常见问题
这是独立的 Skill 吗？
是。webapp-testing 有自己的 SKILL.md 和目录，同时属于「Anthropic 官方 Skills」专题。
资料与来源
原始资料见下方链接；文中的上手建议由 SkillHey 编辑整理。
