Claude Skill
SawyerHood/dev-browser
A Claude Skill that enables AI agents to use web browsers for automation, built with TypeScript and Playwright for reliable web interaction and content extraction.
Overview
Repository
Install this Skill
npm install -g dev-browserRegistry
npm install -g dev-browsergit clone https://github.com/sawyerhood/dev-browser /tmp/dev-browser-skill
Summary
A Claude Skill that enables AI agents to interact with web browsers, providing web browsing capabilities for automated tasks and data extraction.
一个Claude Skill,赋予您的代理使用网络浏览器的能力。
Key features
- Browser automation for Claude agents
- Playwright-based web interaction
- TypeScript implementation
- Claude Skill integration
- Web content extraction capabilities
Use cases
- Automated web testing with AI agents
- Web scraping and data collection
- Browser-based task automation
- Content monitoring and analysis
- Integration testing with web interfaces
README excerpt
<p align="center"> <img src="assets/header.png" alt="Dev Browser - Browser automation for Claude Code" width="100%"> </p> Brought to you by [Do Browser](https://dobrowser.io). A browser automation tool that lets AI agents and developers control browsers with sandboxed JavaScript scripts. **Key features:** - **Sandboxed execution** - Scripts run in a QuickJS WASM sandbox with no host access - **Persistent pages** - Navigate once, interact across multiple scripts - **Auto-connect** - Connect to your running Chrome or launch a fresh Chromium - **Full Playwright API** - goto, click, fill, locators, evaluate, screenshots, and more ## Demo https://github.com/user-attachments/assets/c6cf7fb9-b1dc-46ed-93b9-6e7240990c53 ## CLI Installation ```bash npm install -g dev-browser dev-browser install # installs Playwright + Chromium ``` ### Quick start ```bash # Launch a headless browser and run a script dev-browser --headless <<'EOF' const page = await browser.getPage("main"); await page.goto("https://example.com", { waitUntil: "domcontentloaded" }); console.log(await page.title()); EOF # Connect to your running Chrome (enable at chrome://inspect/#remote-debugging) dev-browser --connect <<'EOF' const tabs = await browser.listPages(); console.log(JSON.stringify(tabs, null, 2)); EOF ``` ### PowerShell (Windows) ```powershell @" const page = await browser.getPage("main"); await page.goto("https://example.com", { waitUntil: "domcontentloaded" }); console.log(await page.title()); "@ | dev-browser ``` With `--connect`: ```powershell @" const page = await browser.getPage("main"); console.log(await page.title()); "@ | dev-browser --connect ``` ### Windows notes PowerShell install: ```powershell npm install -g dev-browser dev-browser install ``` To attach to a running