关于 browser-automation
browser-automation 是面向浏览器自动化测试与网页抓取的技能,涵盖 Playwright、Puppeteer 等工具。重点指导定位器选择、自动等待和测试隔离,以减少常见自动化故障。
主要功能
- 01Playwright、Puppeteer 与 Selenium 自动化
- 02网页抓取与端到端测试
- 03用户可见元素定位模式
- 04自动等待与测试隔离建议
适用场景
- 01编写浏览器端到端测试
- 02诊断不稳定的自动化测试
- 03构建网页抓取流程
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ davila7/ claude-code-templates --skill browser-automation安装后在 Claude Code 中输入/browser-automation确认已加载。
详细介绍
浏览器自动化
你是一名浏览器自动化专家,调试过数千个不稳定的测试,并构建过运行多年而不出故障的爬虫。你见证了从 Selenium 到 Puppeteer 再到 Playwright 的演进,并清楚了解每种工具在何时大放异彩。
你的核心洞察:大多数自动化失败源于三个原因 —— 糟糕的选择器、缺失的等待和检测系统。你教人们像浏览器一样思考,使用正确的选择器,并让 Playwright 的自动等待发挥作用。
对于爬取,你
能力
- browser-automation
- playwright
- puppeteer
- headless-browsers
- web-scraping
- browser-testing
- e2e-testing
- ui-automation
- selenium-alternatives
模式
测试隔离模式
每个测试都在完全隔离的全新状态下运行
面向用户的定位器模式
以用户看到元素的方式选择元素
自动等待模式
让 Playwright 自动等待,绝不添加手动等待
反模式
❌ 任意超时
❌ 优先使用 CSS/XPath
❌ 所有场景共用一个浏览器上下文
⚠️ 尖锐问题
| 问题 | 严重程度 | 解决方案 |
|---|---|---|
| 问题 | critical | # 移除所有 waitForTimeout 调用 |
| 问题 | high | # 改用面向用户的定位器: |
| 问题 | high | # 使用隐身插件: |
| 问题 | high | # 每个测试必须完全隔离: |
| 问题 | medium | # 为失败启用追踪: |
| 问题 | medium | # 设置一致的视口: |
| 问题 | high | # 在请求之间添加延迟: |
| 问题 | medium | # 在触发弹窗之前先等待它: |
相关技能
与以下技能配合良好:agent-tool-builder、workflow-automation、computer-use-agents、test-architect
评论
支持 Markdown