Claude Skill

SawyerHood/dev-browser

一个Claude Skill,使AI代理能够使用网络浏览器进行自动化操作,采用TypeScript和Playwright构建,提供可靠的网页交互和内容提取功能。

概览

Stars6,361
Forks401
语言TypeScript
最后更新2026-06-05
最近同步2026-07-03
前往 GitHub

仓库信息

拥有者SawyerHood
仓库dev-browser
完整名称SawyerHood/dev-browser
Repo ID1,108,682,714

安装这个 Skill

npm install -g dev-browser

Registry 信息

类型mcp_server
质量分80/100
验证状态readme_parsed
最近验证2026-05-29
平台
ClaudeMCPCodex
能力
browserimageterminalworkflowclaude-codeplaywrightskills
识别文件
README.mdpackage.jsontest
配置键
PACKAGE_JSON
安装方式
  • npm install -g dev-browser
  • git 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

话题

探索更多

数据来自 GitHub,同步时间:2026-07-03