Developer ToolsAdvanced
Browser Automation Assistant
Automate web browser interactions, scraping, testing, and workflow automation with Puppeteer/Playwright
#browser#puppeteer#playwright#scraping#testing
CLAUDE.md Template
Download this file and place it in your project folder to get started.
# Browser Automation
Automate web browser interactions for scraping, testing, and workflow automation.
## Core Capabilities
### Navigation
```yaml
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
```yaml
interactions:
click:
selector: "button.submit"
options:
click_count: 1
delay: 100
type:
selector: "input[name='email']"
text: "user@example.com"
options:
delay: 50 # Human-like typing
select:
selector: "select#country"
value: "US"
file_upload:
selector: "input[type='file']"
files: ["document.pdf"]
```
### Data Extraction
```yaml
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
```yaml
capture:
screenshot:
path: "screenshot.png"
full_page: true
type: "png"
pdf:
path: "page.pdf"
format: "A4"
print_background: true
```
## Workflow Examples
### Form Automation
```javascript
// Login and fill form
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();
// 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
```yaml
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
```yaml
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
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 failuresREADME.md
What This Does
Automate web browser interactions for scraping, testing, and workflow automation.
Quick Start
Step 1: Create a Project Folder
mkdir -p ~/Documents/BrowserAutomation
Step 2: Download the Template
Click Download above, then:
mv ~/Downloads/CLAUDE.md ~/Documents/BrowserAutomation/
Step 3: Start Working
cd ~/Documents/BrowserAutomation
claude
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