---

name: Browser Automation description: Automate web browser interactions, scraping, testing, and workflow automation with Puppeteer/Playwright version: 1.0.0 author: Claude Office Skills category: automation tags:

• browser
• puppeteer
• playwright
• scraping
• testing department: engineering models:
• claude-3-opus
• claude-3-sonnet
• gpt-4 mcp: server: browser-mcp tools:
  • browser_navigate
  • browser_click
  • browser_type
  • browser_screenshot capabilities:
• Page navigation
• Element interaction
• Data extraction
• Screenshot capture input:
• URLs
• Selectors
• Actions
• Scripts output:
• Extracted data
• Screenshots
• Test results
• Automation logs languages:
• en related_skills:
• web-search
• deep-research
• etl-pipeline

---

Browser Automation

Automate web browser interactions for scraping, testing, and workflow automation.

Core Capabilities

Navigation

navigation:
  goto:
    url: "https://example.com"
    wait_until: "networkidle"
    timeout: 30000
    
  actions:
    - wait_for_selector: ".content"
    - scroll_to_bottom: true
    - wait_for_navigation: true

Element Interaction

interactions:
  click:
    selector: "button.submit"
    options:
      click_count: 1
      delay: 100
      
  type:
    selector: "input[name='email']"
    text: "[email protected]"
    options:
      delay: 50  # Human-like typing
      
  select:
    selector: "select#country"
    value: "US"
    
  file_upload:
    selector: "input[type='file']"
    files: ["document.pdf"]

Data Extraction

scraping:
  extract_text:
    selector: ".article-content"
    
  extract_all:
    selector: ".product-card"
    fields:
      name: ".product-name"
      price: ".price"
      url:
        selector: "a"
        attribute: "href"
        
  extract_table:
    selector: "table.data"
    output: json

Screenshots & PDF

capture:
  screenshot:
    path: "screenshot.png"
    full_page: true
    type: "png"
    
  pdf:
    path: "page.pdf"
    format: "A4"
    print_background: true

Workflow Examples

Form Automation

// Login and fill form
await page.goto('https://app.example.com/login');
await page.fill('#email', '[email protected]');
await page.fill('#password', 'securepass');
await page.click('button[type="submit"]');
await page.waitForNavigation();

// Navigate to form
await page.click('a[href="/new-entry"]');
await page.fill('#title', 'Automated Entry');
await page.fill('#description', 'Created via automation');
await page.click('button.submit');

Web Scraping

scraping_workflow:
  - navigate: "https://news.example.com"
  - wait: ".article-list"
  - extract_all:
      selector: ".article"
      fields:
        title: "h2"
        summary: ".excerpt"
        link:
          selector: "a"
          attribute: "href"
  - paginate:
      next_button: ".pagination .next"
      max_pages: 10
  - output: "articles.json"

E2E Testing

test_workflow:
  - name: "User Registration"
    steps:
      - goto: "/register"
      - fill:
          "#email": "[email protected]"
          "#password": "Test123!"
      - click: "button[type='submit']"
      - assert:
          selector: ".success-message"
          text_contains: "Welcome"

Best Practices

1. Wait Strategies: Use proper waits
2. Error Handling: Catch navigation failures
3. Rate Limiting: Be respectful to servers
4. Headless Mode: Use for production
5. Selectors: Prefer data-testid attributes
6. Screenshots: Capture on failures