AgentHubAgentHub

浏览器操控 browser-harness Skill安装与使用教程

SkillSkillsMP

skillsmp.browser-use-browser-harness-skill-md

任何 Web 交互都始终使用 browser-harness:自动化、抓取、测试或站点/应用相关工作。

原文名称:browser-harness

原文描述:Always use browser-harness for any web interaction: automation, scraping, testing, or site/app work.

建议先在本页复制安装配置,再到上游核对文档与权限。

热度数据

仓库星标16k

产品介绍

任何 Web 交互都始终使用 browser-harness:自动化、抓取、测试或站点/应用相关工作。 浏览器操控 browser-harness 是一个Agent Skill,收录自 SkillsMP。本页提供产品介绍、配置教程、安装命令与适用场景,支持 Trae、通义灵码、Cursor、Claude Code、VS Code 等。

适用场景

AgentHub Verified 可用性验证技术测试通过

自动化测试流水线已校验安装命令、传输协议与客户端兼容性

最近校验时间2026-07-18
安装配置格式测试有效CLI 与 mcpServers JSON 语法校验通过
协议连接与握手响应正常支持标准 JSON-RPC 2.0 规格规范
上游数据源存活来源 skillsmp,可正常下载依赖
测试可用客户端Claude Code、Claude Desktop、Cursor 等
安全等级: A+ 级 · 零权限本地沙盒 (A+)·该工具经 AgentHub 静态安全特征扫描,无高危越权行为。建议在项目级配置文件中指定工作区范围。
暂无自动生成的安装指引,请查看源仓库 README。

常见报错排查与运行避坑 (Troubleshooting)FAQ

针对 浏览器操控 browser-harness 在 Cursor、Claude Code 中的常见连接错误与解决办法

在 Cursor / Claude Code 中配置 browser-harness 提示 connection closed 或 exit code 1?

通常由本地运行时环境缺失或命令路径未被 IDE 继承引起。排查步骤: 1. 确认已安装 Node.js 18+(支持 npx)或 Python 3.10+(支持 uvx); 2. 尝试在终端运行 which npx 或 which uvx,把配置文件中的 "command" 字段改为完整绝对路径; 3. 修改 mcp.json 后,必须完全重载或重启客户端窗口。

Fix Snippet
# 终端测试命令是否存在:
which npx
node -v
提示 spawn npx ENOENT 或 command not found?

这是因为编辑器后台进程未加载完整的终端环境变量(PATH)。解决方案:在全局安装该包(如 npm install -g 包名),或在配置文件中将 command 设置为系统的实际路径(如 Windows 下的 C:\Program Files\nodejs\npx.cmd,Mac 下的 /usr/local/bin/npx)。

调用工具时响应超时或网络下载依赖失败?

国内环境下首次执行 npx 或拉取依赖时可能因网络受限而超时。建议将 npm 镜像源切换为国内高速镜像(npm config set registry https://registry.npmmirror.com),或在系统级开启开发代理工具。

在对话中描述任务,Agent 没有自动调用 browser-harness 规则?

请检查 SKILL.md 是否位于当前项目的 .cursor/skills/browser-harness/SKILL.md(Cursor)或 ~/.claude/skills/browser-harness/SKILL.md(Claude Code)。在输入提问时,可以显式提示 AI “请使用 browser-harness 规范来执行”,以提高智能体的规则匹配权重。

免安装模拟调用 (Playground)

仿真环境

browser-harness 规则注入与 Agent 行为仿真 · 无需配置本地环境,直接预览调用参数与返回格式

沙盒就绪 (Virtual Mock)
fn: agent_skill_runtimeAgent 在上下文中匹配并应用 browser-harness 的 System Prompt 规范与工作流约束
请求入参 (Arguments)JSON Schema
{
  "skill": "browser-harness",
  "rulePath": ".cursor/skills/browser-harness/SKILL.md",
  "userGoal": "请使用 browser-harness 的方法与标准帮我完成当前任务",
  "client": "Cursor / Claude Code"
}
💡Agent 在规划任务时会自动生成并传递上述入参
Agent Tool Output

点击上方「模拟运行」按钮

查看该工具在 Agent 内部的返回数据格式

测试环境:AgentHub Virtual SandboxJSON-RPC 2.0

选型与决策建议(为什么选它?)

帮助你快速判断该资源是否契合当前项目,避免盲目折腾

适合什么任务?
  • E2E 自动化测试
  • 无头浏览器截图
  • 表单批量填写
什么时候不建议用?
  • 已有稳定 REST API 的批量抓取(优先 HTTP 客户端)
  • 需要绕过复杂验证码(合规风险)
推荐工作流搭配:查看完整场景 →

Playwright MCP + Filesystem MCP → AI 写测试脚本并执行浏览器操作

Skill 实战教程:从安装到看见效果

按完整实例走一遍(含期望效果与对比验收)。装完本页资源后,用教程里的提示词核对是否真正生效。

打开教程 →

Agent Skill 是带 SKILL.md 的指令包。安装后,AI 会根据 description 在匹配任务时自动加载,无需每次手动粘贴提示词。

相关资源

LinkedIn

v1.2.6

SkillClawHub13.5k

io.clawhub.byungkyu/linkedin-api

通过托管 OAuth 集成 LinkedIn API。分享帖子、管理资料、访问 LinkedIn 功能。当用户想在 LinkedIn 分享内容、获取资料/组织信息或与 LinkedIn 平台交互时使用。广告功能(营销活动、广告账户)需要额外的 OAuth 权限,使用前请核实已授予的权限。其他第三方应用请使用 api-gateway 技能(https://clawhub.ai/byungkyu/api-gateway)。需要网络访问和有效的 Maton API key。调用通过 `maton` CLI 配合 OAuth 登录,或在无法安装 CLI 时通过原始 HTTP 配合 Maton API key 执行。每次调用都以用户连接身份认证,仅访问该连接授权允许的资源,由服务商在每次请求时强制执行;此处记录的端点是本技能所使用的,应用的其他任何端点都需要用户指名要求才可调用。默认使用读取和列表调用,每次写入或新建连接前都与用户确认。

source

WhatsApp Business

v1.2.8

SkillClawHub24.1k

io.clawhub.byungkyu/whatsapp-business

WhatsApp Business API 集成,采用托管式 OAuth。发送消息、管理模板并处理会话。当用户需要与 WhatsApp Business 交互时使用本技能;其他第三方应用请使用 api-gateway 技能(https://clawhub.ai/byungkyu/api-gateway)。调用通过 `maton` CLI 配合 OAuth 登录执行,或在无法安装 CLI 时凭 Maton API Key 走原始 HTTP。每次调用都以用户连接身份认证,仅能访问该连接授权范围内的数据,服务端对每个请求强制执行鉴权;此处记录的端点即本技能所用端点,若需该应用的其他端点,须由用户点名提出。默认只做读取与列表调用,任何写入或新连接都需经用户确认。本文件还按使用顺序记录把 WhatsApp Business 连接变成自动化的三个构件:连接(第一步)、通过 Maton SDK 执行 WhatsApp Business 操作的托管函数,以及……(原文截断)

source

Salesforce

v1.2.7

SkillClawHub20.1k

io.clawhub.byungkyu/salesforce-api

Salesforce CRM API 集成,采用托管式 OAuth。仅在需要管理 Salesforce CRM 时安装。请以可用的最小权限连接,破坏性或批量操作优先使用沙箱组织,每次请求前核对目标连接 ID,并及时吊销未使用的连接。本集成可能修改 CRM 记录——仅在核对确切的 sObject、记录 ID 及影响后,再批准具体写操作。其他第三方应用请使用 api-gateway 技能(https://clawhub.ai/byungkyu/api-gateway)。调用通过 `maton` CLI 配合 OAuth 登录执行,或在无法安装 CLI 时凭 Maton API Key 走原始 HTTP。每次调用都以用户连接身份认证,仅能访问该连接授权范围内的数据,服务端对每个请求强制执行鉴权;此处记录的端点即本技能所用端点,若需该应用的其他端点,须由用户点名提出。默认只做读取与列表调用,任何写……(原文截断)

source

CloudBase 腾讯云开发

v1.92.120

SkillClawHub9k

io.clawhub.binggg/cloudbase

当你开发、设计、构建、部署、调试、迁移或排查 CloudBase(腾讯云开发、云开发、TCB、微信云开发)项目时使用此技能——覆盖 Web、微信小程序、小程序、uni-app、移动端(iOS、Android、Flutter、React Native)。涵盖:UI(页面、界面、表单、dashboard、原型);认证(登录、注册、OAuth、publishable key);数据库(NoSQL 文档数据库、MySQL 关系型数据库、PostgreSQL/CloudBase PG、app.rdb()、queryPgDatabase/managePgDatabase、CRUD、安全规则);云函数(serverless、scf_bootstrap);CloudRun(云托管、Dockerfile);云存储;内置 AI(内置大模型、AI 对话、流式输出、图片生成、generateText、streamText、createModel、generateImage、TokenHub、混元、DeepSeek、GLM、Kimi、Token Credits 资源包、小程序成长计划);第三方/自定义大模型接入(大模型调用、LLM API);AI 智能体(智能体、AG-UI、LangGraph);运维巡检(巡检、诊断、日志);规格工作流(需求文档、技术方案、requirements、tasks.md)。不适用于非 CloudBase 项目、不含 CloudBase 的纯前端或不含 CloudBase 的自托管后端。

source

AI 保险顾问(中国大陆)

v2.0.125

SkillClawHub7.9k

io.clawhub.mnetfairy/ai-insurance-advisor

中国大陆保险顾问。本 skill 仅覆盖 6 项实际实现的能力:保险需求分析(needs_analyzer.py)、产品对比(premium_calculator.py + 本地 products.json)、保费计算(premium_calculator.py)、方案设计(plan_designer.py)、保险知识问答(insurance-knowledge.md)、合规要点提示(compliance.md)。不提供核保预审、理赔代办、朋友圈/营销文案生成、培训话术、代理人展业工具等能力——这些场景请转人工或调用专业服务。

source

常搭配使用

继续逛 AgentHub

大多数人安装前还会对比同类工具或看场景方案——下面这些能帮你少走弯路。

收录徽章:把 AgentHub 挂到你的官网

复制下面任意一段代码到项目主页、官网或 GitHub README。徽章是 SVG 热链,无需上传文件,链接指向本页,访客可由此直接找到安装方式。

预览AgentHub 已收录:浏览器操控 browser-harness
HTML
<a href="https://myagenthub.cn/p/skillsmp.browser-use-browser-harness-skill-md" title="AgentHub 已收录:浏览器操控 browser-harness" target="_blank" rel="noopener">
  <img src="https://myagenthub.cn/badge/skillsmp.browser-use-browser-harness-skill-md" alt="AgentHub 已收录:浏览器操控 browser-harness" height="20" style="border:0"/>
</a>
Markdown(GitHub README)
[![AgentHub 已收录:浏览器操控 browser-harness](https://myagenthub.cn/badge/skillsmp.browser-use-browser-harness-skill-md)](https://myagenthub.cn/p/skillsmp.browser-use-browser-harness-skill-md)

徽章由 /badge/<资源ID> 动态生成,名称与收录状态变化后自动更新;请保留链接指向,它是收录来源的判定依据。

统一 Manifest

{
  "id": "skillsmp.browser-use-browser-harness-skill-md",
  "type": "skill",
  "version": "main",
  "displayName": "browser-harness",
  "description": "Always use browser-harness for any web interaction: automation, scraping, testing, or site/app work.",
  "author": {
    "name": "browser-use"
  },
  "homepage": "https://skillsmp.com/creators/browser-use/browser-harness/skill",
  "distribution": {
    "packages": [
      {
        "registryType": "source",
        "identifier": "browser-use-browser-harness-skill-md",
        "version": "main",
        "runtimeHint": "npx skills add"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "codex",
    "vscode"
  ],
  "keywords": [
    "repo_stars:16038"
  ],
  "provenance": {
    "origin": "skillsmp",
    "originalId": "browser-use-browser-harness-skill-md",
    "originalUrl": "https://skillsmp.com/creators/browser-use/browser-harness/skill",
    "isOfficial": false,
    "status": "active"
  }
}