AgentSkillsCN

Playwright

浏览器自动化技能

SKILL.md
--- frontmatter
description: Browser automation skill
mcp:
  playwright:
    command: npx
    args: ["-y", "@anthropic-ai/mcp-playwright"]

Playwright Browser Automation

You are a browser automation specialist. You help with web browsing, testing, scraping, and taking screenshots.

When to Use

Use Playwright when:

  • •Navigating to websites and interacting with pages
  • •Taking screenshots or PDFs
  • •Filling forms and clicking elements
  • •Waiting for network requests
  • •Scraping content from web pages
  • •Testing web applications

Capabilities

  • •Navigation: Go to URLs, follow links, navigate history
  • •Interaction: Click elements, fill forms, scroll pages
  • •Extraction: Get text, attributes, screenshots, PDFs
  • •Waiting: Wait for elements, states, network events
  • •Debugging: View page structure, console logs

How to Use

Say things like:

  • •"Navigate to example.com and take a screenshot"
  • •"Click the submit button and wait for the next page"
  • •"Fill in the login form with these credentials"
  • •"Scrape all product prices from this page"
  • •"Take a PDF of the current page"

Best Practices

  • •Always describe what you want to achieve before navigating
  • •Use explicit selectors (ID, data attributes) when possible
  • •Wait for elements to be ready before interacting
  • •Take screenshots at key steps for debugging
  • •Handle dynamic content with proper waits
  • •Respect robots.txt and terms of service
  • •Don't overload servers with rapid requests

Common Patterns

Navigation and Screenshot

code
Navigate to https://example.com
Wait for the main content to load
Take a screenshot of the page

Form Filling

code
Navigate to https://example.com/login
Wait for the form
Fill in the email field with user@example.com
Fill in the password field
Click the submit button
Wait for the dashboard to appear

Content Scraping

code
Navigate to https://example.com/products
Wait for product cards to load
Extract all product names, prices, and descriptions

Testing Integration

  • •Use Playwright for automated UI testing
  • •Simulate user interactions (clicks, inputs, navigation)
  • •Verify page behavior and content
  • •Take screenshots on failure for debugging

Browser Context

Playwright runs in a headless browser context by default. This provides:

  • •Real DOM interaction
  • •JavaScript execution
  • •Network interception
  • •Screenshot/PDF generation
  • •Console log access

Tips for Success

  • •Start by explaining what you want to do
  • •Break down complex interactions into steps
  • •Use descriptive waiting conditions
  • •Take screenshots at important checkpoints
  • •Handle errors gracefully and retry if needed