AgentHubAgentHub

使用场景/浏览器自动化

浏览器自动化 MCP 推荐

让 AI 控制真实浏览器:打开页面、点击、填表、截图。适合 E2E 测试、竞品巡检、无 API 的网页操作。

共匹配 1,001 个资源 · 第 12 / 21 页

什么是浏览器自动化?

浏览器自动化 MCP Server 让 AI 直接操作一个真实的浏览器:打开页面、点击按钮、填写表单、截图取证、抓取渲染后的内容。它与网页抓取的区别在于「先渲染、后读取」——JavaScript 动态加载的内容、需要登录与交互的页面都能处理,适合没有开放 API 的网站。

首选推荐 Playwright MCP:它以无障碍树(accessibility tree)而非像素坐标定位元素,AI 理解页面更稳定、更少误点;由微软官方维护,Cursor、Claude Code、VS Code 等主流客户端均支持一键配置。Puppeteer 类服务轻量一些,适合简单的截图与导航任务。

安全提醒:浏览器自动化等价于把浏览器操作权限交给 AI。建议在独立浏览器 Profile 或沙箱中运行,不要登录含支付、企业权限的账号,并对「提交、删除、支付」类操作保留人工确认。

适合做什么

  • E2E 自动化测试
  • 无头浏览器截图
  • 表单批量填写
  • 页面回归巡检

不太适合

  • 已有稳定 REST API 的批量抓取(优先 HTTP 客户端)
  • 需要绕过复杂验证码(合规风险)
常见组合: Playwright MCP + Filesystem MCP → AI 写测试脚本并执行浏览器操作

相关资源

查看全部 →

CSS

v1.0.4

SkillClawHub3.5k

编写和调试 CSS:flexbox 与 grid 布局、z-index 与层叠上下文、响应式断点、主题化与渲染性能。适用场景:布局错乱或溢出、z-index 无效、页面横向滚动、`position: sticky` 吸不住、文字无法截断、样式层叠失效或被迫加 `!important`、加载时内容跳动(CLS)、过渡卡顿、字体闪烁、模态框或下拉菜单被其他内容盖住、表单控件需要重样式、表格需要吸顶表头、打印效果出错、或样式在 Chrome 正常而 Safari 失效。也可用于从零建样式表(reset 与基础层)、居中、容器查询、clamp() 流式字号、设计令牌与暗色模式、RTL 与逻辑属性,以及用 `:has()`、`@layer` 和嵌套现代化旧样式表。不适用于视觉设计品味——配色、间距尺度、字体选择。

source

OmniFocus 任务管理

v1.0.0

SkillClawHub2.7k

通过 JavaScript for Automation(JXA)脚本管理 OmniFocus 任务。当用户要求 Clawdbot 操作 OmniFocus 时使用,包括:(1) 向收件箱添加任务,(2) 列出或搜索任务(收件箱、可用、已标记、逾期、即将到期),(3) 完成任务,(4) 更新任务属性(备注、截止日期、标记),(5) 获取 OmniFocus 统计,(6) 汇报任务状态,或 (7) 根据用户查询在 OmniFocus 中执行任务操作。

source

meteor-debugging

SkillSkillsMP

Use when diagnosing an unexplained failure in a Meteor 3 application before the failing layer or fix is known. Triggers on server crashes, client-only errors, stuck subscriptions, DDP or WebSocket disconnects, Minimongo/server data mismatches, hanging or flaky tests, slow builds, --inspect, console.log, .only, Playwright traces, Instrumentation lifecycle events, or requests to debug a Meteor app. Use this skill when evidence must distinguish Meteor tool, server, client, data, test, browser, mobile, or production boundaries. For test setup and authoring use meteor-testing; after confirming a domain cause, hand the repair to the owning skill.

source

Blazor 特性验证

SkillSkillsMP

在编写 E2E 测试之前,使用本仓库的 Components 示例在浏览器中交互式验证 Blazor 特性或行为。用于:在 src/Components 中演练某项 Blazor 改动(渲染模式行为、交互组件、增强导航、表单、流式渲染、预渲染),决定选用哪个示例、在哪添加测试页面、如何设置渲染模式(Server/WebAssembly/Auto/静态 SSR)、如何确认应用真的处于交互状态(而非纯静态 SSR),以及如何检查浏览器控制台与网络错误。覆盖 BlazorWebAppGlobal、BlazorWebAppPerPage 与 BlazorWebAssemblyStandalone,针对仓库内的框架启动,并用 Playwright MCP 浏览器工具驱动。不适用于编写正式的 E2E/Selenium 或单元测试、非 Components 领域、对比方案调研,或在没有 Blazor 特性需要验证时仅做原生浏览器 API/HTML/CSS 的孤立实验——后者用最小化的浏览器探测即可。

source

mobile-native

SkillSkillsMP

Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched status bars, and the rule that you test on real hardware. Use when a web app is being built for or reviewed on mobile, when something "works in Chrome but feels wrong on my phone", when building a PWA, a bottom sheet, a carousel, a full-screen layout, or any touch interaction. For motion itself use animate; for React Native use animate-expo.

source

PowerToys UI 测试 CI 流水线

SkillSkillsMP

仅限微软 FTE 的工作流:基于已有 Azure CLI 会话与 Azure DevOps REST API,验证环境配置、排队、自动等待并稳定运行 PowerToys UI Test Automation。在本地虚拟机套件通过后、被要求跑 UITests CI、做配置就绪预检、诊断反复 az login 提示或 401/403 权限错误、复用成功的构建、查看录制/产物,或管理三连跑限制时使用。内置 agent 持有的前台完成等待器。关键词:FTE、az、Azure CLI、Azure DevOps、pipeline、UI Test Automation、UITests CI、buildNow、specificBuildId、uiTestModules、CI flake。

source

PowerToys UI 测试迁移

SkillSkillsMP

将 PowerToys UI 测试从 WinAppDriver/Selenium 迁移并稳定到 Microsoft.PowerToys.UITest.Next 与 winappcli。适用于移植、新建 UITest 工程、CI flaky 测试、本地 Hyper-V 虚拟机持续验证、可重置的干净基线运行、Settings IPC 鉴权/测试签名、Explorer/Shell 选择、预览 handler、缩略图提供程序、快捷键激活、有状态进程生命周期、WinUI/WebView 合成视觉基线,以及跨窗口/前台失焦问题。涵盖 API、脚手架、测试设计、诊断、agent 化执行与 CI 加固。关键词:UI test、UITestAutomation.Next、winappcli、WinAppDriver、Selenium、Settings IPC、Authenticode、local VM、Hyper-V、checkpoint、flaky、CI stability、WebView2。

source

factory-files(Warp 软件工厂文件)

SkillSkillsMP

创建和编辑基于文件的 Warp 软件工厂定义,目录树以 factory.yaml 为根。适用于编写或修改该 factory.yaml 及其下的 Agent、Automation、Scorer、Runner、Webhook 文件与工厂/agent 技能树,以及修复 Factory 文件诊断。不适用于属于其他工具的 agent 定义 Markdown、没有 factory.yaml 的目录树,也不适用于操作运行中的工厂或通过 Factory MCP 向其移交工作。

source

orchestration(Orca 编排)

SkillSkillsMP

协调受监督的 Orca worker:线程消息、阻塞式问答、任务派发、worker_done/escalation 等待、任务 DAG、决策关卡以及 agent 间的工作分解。完全所有权移交("hand off"、"handoff"、"give this to another agent"、"another worktree")用 orca-cli,除非需要监督、监控或协调 DAG;终端控制、轻量终端提示、shell 命令、Orca 工作树管理、读取/等待终端也用 orca-cli。仅当需要 OS/窗口级控制(焦点、菜单、对话框、坐标、截图)时,才用 Computer Use 操作外部浏览器窗口、webview、Orca 应用 UI 或 Orca 内置浏览器之外的桌面 UI。Orca 内置页面用 orca-cli,外部页面用 Playwright/CDP 等页面自动化工具。

source

前端 frontend

SkillSkillsMP

用于前端/Web UI/UX/视觉相关工作时务必使用:构建、样式、重设计页面或组件、React 配置、性能审计、视觉 QA、品味与打磨。会路由到四套规则集:设计品味 router 与品牌参考、面向 Playwright/Chromium 的 Lighthouse/Core Web Vitals 完美规则、ui-ux-db 调色板/字体/规范、designpowers 人设/可访问性/评审/交付;外加仅用 curl 的 lazyweb 真实应用界面研究与 beui.dev 交互目录。触发词:frontend、UI、UX、design、redesign、styling、layout、animation、motion、interaction、micro-interaction、make it feel alive、premium、luxury、minimal、brutalist、Awwwards、DESIGN.md、mockup、React、Lighthouse、accessibility、WCAG、Core Web Vitals、looks generic、make it pretty、like X brand、lazyweb、design research。

source

IBM 无障碍路由批量扫描(Langflow)

SkillSkillsMP

使用 Python 版 IBM Equal Access 扫描器(scripts/a11y/a11y_scan.py)批量扫描 Langflow 前端路由的无障碍问题,输出 JSON/Markdown/HTML 报告。仅扫描每个路由的默认加载状态(弹窗需显式提供状态文件)。当被要求扫描单个或多个路由、为页面生成无障碍报告或批量检查静态路由时使用。只报告问题——不修复代码、不运行 Playwright/axe 测试、不做正式 Level 1 审计;这些场景见 ibm-a11y-testing-guide、ibm-a11y-level1-audit 与 ibm-a11y-pr-remediation。

source

IBM 无障碍测试指南(Langflow)

SkillSkillsMP

使用 axe(Jest)与 IBM Equal Access(Playwright page.runA11yScan)编写和运行 Langflow 前端无障碍测试的参考指南。涵盖引擎/测试层级选型、POUR 清单、axe 与 IBM 规则差异、Radix/AG-Grid 组件注意事项以及 IBM 基线。在编写或审查 a11y 测试、调试具体 axe/IBM 违规项或为某个 UI 界面选择测试层时使用。不执行扫描、不审计整个界面、不做端到端 PR 修复——分别见 ibm-a11y-route-scan、ibm-a11y-level1-audit 与 ibm-a11y-pr-remediation。

source

常见问题

浏览器自动化 MCP 需要什么客户端支持?

凡是支持 MCP 协议的 AI 开发工具都可以,包括 Cursor、Claude Code、VS Code(Copilot)、Windsurf、Trae 等。在 AgentHub 的资源详情页可一键复制对应客户端的 JSON 配置。

Playwright MCP 和 Puppeteer MCP 选哪个?

优先 Playwright MCP:基于无障碍树定位元素、跨浏览器支持更好、官方维护活跃。Puppeteer 类服务适合只需打开页面和截图的轻量任务。

会让 AI 看到我的账号数据吗?

模型只看到你让它读取的页面内容(截图或文本快照)。请在独立 Profile 中登录测试账号,不要复用主力账号,敏感站点建议配合无痕模式与网络隔离。

配套安装与配置教程

相关场景