AgentHubAgentHub

使用场景/浏览器自动化

浏览器自动化 MCP 推荐

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

共匹配 1,001 个资源 · 第 17 / 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 写测试脚本并执行浏览器操作

相关资源

查看全部 →

hyperframes-audio(HyperFrames 音频混音)

SkillSkillsMP

当 HyperFrames 合成中已放置的音频需要混音时使用:淡入/淡出、crossfade、轨道增益或音量、音量自动化、ducking、与旁白冲突的音乐垫(voiceover carve)、对轨道施加效果(EQ、压缩、限制、门限、饱和、延迟、混响、合唱、移相、bitcrush)、在轨道音量或任意效果参数上绘制自动化包络,或用一个 submix 总线承载链路、用 `<hf-audio-group>` 让一个推子和一个自动化时钟同时控制多条轨道。不用于音频获取或生成——找 BGM、音效或制作旁白属于 `/media-use`。不用于片段时序或轨道布局,那属于 `/hyperframes-core`。

source

SRS 内部代码地图

SkillSkillsMP

把 SRS 与 Oryx 的代码任务路由到最小相关的可信代码库地图与验证指引。只要支持、开发、调试、评审或维护工作需要定位、选择、阅读、修改、测试或验证 SRS/Oryx 代码时使用。覆盖第一代 C++ 源站与边缘媒体服务器及其 State Threads 依赖、下一代 Go 服务器、浏览器推流与播放、SRS Docker 镜像工具链、SRS 测试,以及 Oryx 的 Go 后端、React 控制台、一体化运行时、打包、安装器、发布与测试。作为父级支持与发展技能的代码导航依赖;面向用户的工作流程与结果仍由父技能负责。

source

SRS/Oryx 开发

SkillSkillsMP

SRS 与 Oryx 代码库以及 SRS Docker 镜像工具链的开发、修改、调试、评审、维护与讲解。用于对下一代 SRS Go 代理、SRS 浏览器播放器、ossrs/dev-docker 镜像,以及 Oryx 的 Go 后端、React 控制台、一体化运行时、打包、安装器、发布与测试做计划性改动;也包括缺陷维护、issue 与 PR 分诊、PR 评审以及 Learn Code 提问。C++ 版 SRS 服务器已进入维护模式,基于 Go 的新版源站与边缘节点的规划性开发尚不支持。不适用于终端用户支持、使用提问或配置咨询——这些请使用 srs-support。

source

codex

SkillSkillsMP

Run, configure, and troubleshoot OpenAI Codex CLI in non-interactive headless environments. Use for Codex automation in Bash or PowerShell, native Windows or WSL2, shell scripts, CI/CD, Docker, Kubernetes, remote servers, agent harnesses, or batch jobs; for constructing `codex exec` commands; selecting sandbox and approval modes; consuming JSONL events or structured output; resuming sessions; passing prompts through stdin; and handling failures caused by unavailable interactive input such as `request_user_input`.

source

intent-recognition(意图识别)

SkillSkillsMP

通过两个判断对自动化请求分类:anchor(哪个原语掌握顶层控制流——工作流为锚、代理为锚、需澄清,或超出范围)与 embeds_other(另一原语是否内嵌出现——工作流中嵌入一个 agent 步骤,或代理把某个工作流当作工具调用)。每当当前轮次需要选定或重新判定某个自动化请求的意图时都必须使用,包括复合请求、构建过程中新引入的独立自动化、需要查询无法直接访问的外部系统的一次性提问或报告,以及在确定 anchor 前需要澄清的请求。当对话已明确面向某个工作流或 Agent 时,不要为常规编辑或扩展加载本技能。

source

impeccable

SkillSkillsMP

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

Impeccable 前端打磨 impeccable

SkillSkillsMP

当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。

source

cherry-tool-guide(Cherry Studio 工具指南)

SkillSkillsMP

面向通用 agent 的 Cherry Studio 一方工具与内置 shell 路由。在支持 shell 的会话中处理直接的本地工作时:用 `bun <file>` 运行 JS/TS、用 `bun x` 运行一次性 JS 工具;用 `uv run [--with <pkg>] python` 运行 Python、用 `uvx` 运行一次性 Python CLI;搜索用 `rg`。在修改项目依赖、判断工具用临时还是复用方式、读取或转换本地 Office/PDF 文件、跨 Agent 会话协调或委派,或使用 Cherry 自有的 web/浏览器、知识库、持久记忆、日程/通知、IM 渠道、图像生成、产物报告、托管 CLI、技能或 MCP 服务器注册能力前先加载本指南——即使用户没有点名工具。在处理 shell/文件变通方案前先查阅;以实时工具 schema 为准。

source

migrate-to-rspack

SkillSkillsMP

Use when migrating an existing Meteor app to Rspack (Meteor 3.4+), or upgrading Rspack 1 to 2 on Meteor 3.6 beta. Triggers on nested imports, mainModule entry points, server-only apps, replacing fourseven:scss / meteor/less / coffeescript / jorgenvatle:vite / zodern:melte with loaders, Svelte/TypeScript preprocessing or Lingui SWC plugin failures after upgrade, CommonJS default-import interop, module.exports in client graphs, Node built-ins in browser code, _build / build-assets / build-chunks, .meteorignore hiding handoff files, dynamic chunks under ROOT_URL, meteor.modules for CSS/HTML, resolve.symlinks or resolve.alias migration, automatic dependency updates and immutable CI/Docker builds. Use this skill when the user asks about migration compatibility or a build plugin's Rspack replacement. For new-app setup and rspack.config.js helpers, use meteor-modern-build-stack instead.

source

orca-cli(Orca 命令行)

SkillSkillsMP

通过 orca CLI 操作 Orca 管理的工作树、目录上下文、终端、仓库、自动化、产物、技能共享、工作树评论,以及 Orca 内置浏览器。当用户说 "$orca-cli"、"Orca worktree"、"child worktree"、"spawn codex/claude in a worktree"、"read/wait/send Orca terminal"、"handoff/handover/give this to another agent"、"Orca browser"、"orca artifacts" 或 "share skills" 时使用。涉及 Orca 状态时优先于原始 git worktree、临时 PTY 或 Computer Use。仅当外部窗口或桌面 UI 需要 OS 级控制时使用 Computer Use;外部页面用 Playwright 或 CDP。

source

常见问题

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

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

Playwright MCP 和 Puppeteer MCP 选哪个?

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

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

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

配套安装与配置教程

相关场景