browser-use

# Browser Use Skill ## Overview Enables agents to control web browsers for automation, data extraction, form submission, and interaction with web-based tools. Uses headless browser automation via CDP (Chrome DevTools Protocol) or Playwright. ## When to Use - Scraping competitor pricing or content - Automating social media posting - Filling forms (e.g., influencer outreach) - Taking screenshots for reports - Monitoring website changes - Testing web applications ## Core Capabilities ### 1. Page Navigation ```javascript // Basic navigation await browser.navigate('https://tiktok.com'); await browser.waitForLoad('networkidle'); // With authentication await browser.setCookies(authCookies); await browser.navigate('https://app.interactivebrokers.com'); ``` ### 2. Element Interaction ```javascript // Click, type, select await browser.click('[data-testid="login-button"]'); await browser.type('input[name="username"]', 'user@example.com'); await browser.select('select[name="date-range"]', '30d'); // Extract data const price = await browser.text('.current-price'); const items = await browser.queryAll('.product-item'); ``` ### 3. Screenshot & PDF ```javascript // Full page screenshot await browser.screenshot({ path: '/root/clawd/screenshots/report.png', fullPage: true }); // Specific element await browser.screenshot({ path: 'chart.png', selector: '#price-chart' }); ``` ### 4. JavaScript Execution ```javascript // Execute in page context const data = await browser.evalua...