Claude Skill
SawyerHood/dev-browser
一个Claude Skill,使AI代理能够使用网络浏览器进行自动化操作,采用TypeScript和Playwright构建,提供可靠的网页交互和内容提取功能。
概览
仓库信息
安装这个 Skill
npm install -g dev-browserRegistry 信息
npm install -g dev-browsergit clone https://github.com/sawyerhood/dev-browser /tmp/dev-browser-skill
项目简介
一个Claude Skill,使AI代理能够与网络浏览器交互,为自动化任务和数据提取提供网页浏览功能。
A Claude Skill to give your agent the ability to use a web browser
要点
- Claude代理的浏览器自动化
- 基于Playwright的网页交互
- TypeScript实现
- Claude Skill集成
- 网页内容提取功能
使用场景
- 使用AI代理进行自动化网页测试
- 网页抓取和数据收集
- 基于浏览器的任务自动化
- 内容监控和分析
- 与Web界面的集成测试
README 摘要
<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