浏览器操控 browser-harness Skill安装与使用教程
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.
建议先在本页复制安装配置,再到上游核对文档与权限。
热度数据
产品介绍
任何 Web 交互都始终使用 browser-harness:自动化、抓取、测试或站点/应用相关工作。 浏览器操控 browser-harness 是一个Agent Skill,收录自 SkillsMP。本页提供产品介绍、配置教程、安装命令与适用场景,支持 Trae、通义灵码、Cursor、Claude Code、VS Code 等。
适用场景
AgentHub Verified 可用性验证技术测试通过
自动化测试流水线已校验安装命令、传输协议与客户端兼容性
常见报错排查与运行避坑 (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 后,必须完全重载或重启客户端窗口。
# 终端测试命令是否存在: 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 行为仿真 · 无需配置本地环境,直接预览调用参数与返回格式
{
"skill": "browser-harness",
"rulePath": ".cursor/skills/browser-harness/SKILL.md",
"userGoal": "请使用 browser-harness 的方法与标准帮我完成当前任务",
"client": "Cursor / Claude Code"
}点击上方「模拟运行」按钮
查看该工具在 Agent 内部的返回数据格式
选型与决策建议(为什么选它?)
帮助你快速判断该资源是否契合当前项目,避免盲目折腾
- E2E 自动化测试
- 无头浏览器截图
- 表单批量填写
- 已有稳定 REST API 的批量抓取(优先 HTTP 客户端)
- 需要绕过复杂验证码(合规风险)
Playwright MCP + Filesystem MCP → AI 写测试脚本并执行浏览器操作
Skill 实战教程:从安装到看见效果
按完整实例走一遍(含期望效果与对比验收)。装完本页资源后,用教程里的提示词核对是否真正生效。
Agent Skill 是带 SKILL.md 的指令包。安装后,AI 会根据 description 在匹配任务时自动加载,无需每次手动粘贴提示词。
相关资源
API 网关
v1.2.25
io.clawhub.byungkyu/api-gateway
通过 Maton 网关调用第三方 API,网关会为用户已连接的应用注入凭据。当用户点名某个已连接应用及其中具体操作——读邮箱、查 CRM、提 issue、更新表格等——时使用本技能。
v1.2.6
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 执行。每次调用都以用户连接身份认证,仅访问该连接授权允许的资源,由服务商在每次请求时强制执行;此处记录的端点是本技能所使用的,应用的其他任何端点都需要用户指名要求才可调用。默认使用读取和列表调用,每次写入或新建连接前都与用户确认。
WhatsApp Business
v1.2.8
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 操作的托管函数,以及……(原文截断)
Salesforce
v1.2.7
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。每次调用都以用户连接身份认证,仅能访问该连接授权范围内的数据,服务端对每个请求强制执行鉴权;此处记录的端点即本技能所用端点,若需该应用的其他端点,须由用户点名提出。默认只做读取与列表调用,任何写……(原文截断)
CloudBase 腾讯云开发
v1.92.120
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 的自托管后端。
AI 保险顾问(中国大陆)
v2.0.125
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)。不提供核保预审、理赔代办、朋友圈/营销文案生成、培训话术、代理人展业工具等能力——这些场景请转人工或调用专业服务。
常搭配使用
顺序思考
io.mcp-cn.modelcontextprotocol/server-sequential-thinking
帮助AI进行结构化思考和推理的MCP工具
n8n
io.mcp-cn.drballs/n8n-mcp-server
n8n工作流自动化平台的MCP服务器,提供完整的工作流管理、执行控制、凭证管理等功能
Playwright
io.mcp-cn.playwright/mcp
基于Playwright的自动化测试和网页操作MCP工具
GitHub
io.mcp-cn.modelcontextprotocol/server-github
连接GitHub的MCP服务器,支持仓库管理、问题跟踪、代码搜索等功能
继续逛 AgentHub
大多数人安装前还会对比同类工具或看场景方案——下面这些能帮你少走弯路。
收录徽章:把 AgentHub 挂到你的官网
复制下面任意一段代码到项目主页、官网或 GitHub README。徽章是 SVG 热链,无需上传文件,链接指向本页,访客可由此直接找到安装方式。
<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>[](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"
}
}