claudeskills文档Webapp Testing 技能 - 让 Claude 做浏览器测试
Webapp Testing 技能让 Claude 通过 Playwright 驱动浏览器：点击流程、截图、调试——完整解读 SKILL.md。
来源：内容改编自 anthropics/skills（MIT 协议）。最后同步于 2026 年 7 月 8 日，对应上游 2026 年 4 月 20 日的更新。
概览
官方描述："Toolkit for interacting with and testing local web applications using Playwright: verifying frontend functionality, debugging UI behavior, capturing screenshots, viewing browser logs."
这个技能如何工作
SKILL.md 围绕一棵决策树组织：Claude 先为任务选对路径（静态 HTML、需要启动的开发服务器、还是已在运行的应用），然后执行先侦察后行动模式——先弄清元素和页面状态，再操作。文档还点名了最常见的坑（页面未稳定就操作）和一组稳定自动化的最佳实践。
核心工具是 scripts/with_server.py：启动你的开发服务器、等它就绪、执行 Playwright 交互、最后干净地收尾。
技能文件夹里有什么
scripts/with_server.py- 测试用的服务器生命周期包装器examples/static_html_automation.py- 驱动静态页面examples/element_discovery.py- 侦察模式的代码示例examples/console_logging.py- 抓取浏览器日志SKILL.md、LICENSE.txt
对你自己写技能的启示
- 把决策树放在开头：尽早把 Claude 路由到正确的子流程，能避免大部分工具误用。
- 可运行的示例（三个脚本）比 API 文档教得快。