| 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: "user@example.com"
options:
delay: 50
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
await page.goto('https://app.example.com/login');
await page.fill('#email', 'user@example.com');
await page.fill('#password', 'securepass');
await page.click('button[type="submit"]');
await page.waitForNavigation();
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": "test@example.com"
"#password": "Test123!"
- click: "button[type='submit']"
- assert:
selector: ".success-message"
text_contains: "Welcome"
Best Practices
- Wait Strategies: Use proper waits
- Error Handling: Catch navigation failures
- Rate Limiting: Be respectful to servers
- Headless Mode: Use for production
- Selectors: Prefer data-testid attributes
- Screenshots: Capture on failures