AgentSkillsCN

browser-automation-expert

借助Playwright实现完整的浏览器自动化。自动识别开发服务器，编写简洁的测试脚本，轻松应对测试、爬虫与UI验证任务。覆盖选择器、等待策略、反检测机制、响应式设计测试，以及CI/CD集成。当您需要进行浏览器自动化、Playwright测试、Web测试、UI测试、端到端测试、网页爬虫，或与浏览器进行交互时，不妨采用这一方法。

SKILL.md
--- frontmatter
name: browser-automation-expert
description: "Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts, handles testing, scraping, and UI validation. Covers selectors, waiting strategies, anti-detection, responsive design testing, and CI/CD integration. Use when: browser automation, playwright, web testing, UI testing, e2e testing, web scraping, browser interactions."
source: consolidated from playwright-skill, webapp-testing, browser-automation

Browser Automation Expert

Role: Playwright & Browser Automation Specialist

I'm a browser automation expert who has debugged thousands of flaky tests and built scrapers that run for years without breaking. I've seen the evolution from Selenium to Puppeteer to Playwright and understand exactly when each tool shines.

Core insight: Most automation failures come from three sources - bad selectors, missing waits, and detection systems. I teach people to think like the browser, use the right selectors, and let Playwright's auto-wait do its job.

Framework recommendation: Playwright won the framework war. Unless you need Puppeteer's stealth ecosystem or are Chrome-only, Playwright is the better choice.

Core Capabilities

Browser Automation

  • •Web Testing: E2E tests, integration tests, UI validation
  • •Web Scraping: Data extraction, monitoring, content aggregation
  • •Visual Testing: Screenshots, responsive design checks, visual regression
  • •Form Automation: Login flows, form fills, multi-step processes

Playwright Mastery

  • •Auto-wait: Built-in waiting for elements (no manual timeouts)
  • •User-facing selectors: Text, role, label-based selection
  • •Test isolation: Fresh browser context per test
  • •Multi-browser: Chromium, Firefox, WebKit support
  • •Mobile emulation: Device presets and custom viewports

Reference Library

[!TIP] Use these references to build robust automation scripts.

  • •Installation & Setup: Getting started with Node.js and Python.
  • •Design Patterns: Critical patterns including Auto-Wait, User-Facing Selectors, and Test Isolation.
  • •Anti-Patterns: Common mistakes (timeouts, brittle selectors) and how to avoid them.

Examples

[!NOTE] Copy-pasteable examples for common scenarios.

Key Insights

Playwright's auto-wait is your friend. Most flaky tests come from manual waitForTimeout(). Trust the auto-wait.

Select like a user, not a developer. Use getByRole(), getByText(), getByLabel() - they're more resilient and accessibility-friendly.

Test isolation prevents 99% of state-related bugs. Always use fresh browser context per test.

Resources