Playwright
基于Playwright的自动化测试和网页操作MCP工具
使用场景/浏览器自动化
让 AI 控制真实浏览器:打开页面、点击、填表、截图。适合 E2E 测试、竞品巡检、无 API 的网页操作。
共匹配 1,790 个资源 · 第 33 / 38 页
浏览器自动化 MCP Server 让 AI 直接操作一个真实的浏览器:打开页面、点击按钮、填写表单、截图取证、抓取渲染后的内容。它与网页抓取的区别在于「先渲染、后读取」——JavaScript 动态加载的内容、需要登录与交互的页面都能处理,适合没有开放 API 的网站。
首选推荐 Playwright MCP:它以无障碍树(accessibility tree)而非像素坐标定位元素,AI 理解页面更稳定、更少误点;由微软官方维护,Cursor、Claude Code、VS Code 等主流客户端均支持一键配置。Puppeteer 类服务轻量一些,适合简单的截图与导航任务。
安全提醒:浏览器自动化等价于把浏览器操作权限交给 AI。建议在独立浏览器 Profile 或沙箱中运行,不要登录含支付、企业权限的账号,并对「提交、删除、支付」类操作保留人工确认。
v0.3.0
把任意网页抓取为整洁、适合 AI 使用的 markdown,并在必要时智能地从 HTTP 升级到浏览器渲染。
v0.1.3
通过 EIP-6963 将 EVM 交易路由到浏览器钱包(如 MetaMask)进行签名。
v1.0.0
TikTok 自动化:发布视频、获取数据、管理评论。
v1.0.0
Instagram 自动化:发布图片、Reels、多图轮播、快拍与查看数据。
v1.1.0
为你的 AI 智能体提供构建、管理和运行自动化工作流的工具。
v1.3.3
非官方 Make.com 自动化 MCP 服务器——通过 AI 构建、校验并部署场景。
v1.0.2
亚马逊广告 MCP,提供 27+ 个工具用于效果分析、无效花费排查与自动化。
v1.2.1
面向 Android 与 iOS 真机、模拟器和仿真器的 AI 驱动移动设备自动化。
v1.0.0
AI 驱动的网页自动化:用智能体浏览单个页面,也能处理上千个页面。
v1.0.0
借助 Apify Agent,轻松把日常浏览器操作变成可复用的自动化工具。
v1.0.0
用于 KeeperHub 区块链工作流自动化的 MCP 服务器。
v1.0.0
YouTube 自动化:上传视频与 Shorts、管理播放列表、查看数据。
v2.1.0
面向 CRM、内容、工作流、SkillForge 与营销自动化的 56 个以上 AI 工具。
v1.0.2
Next AI Draw.io 的 MCP 服务器——由 AI 生成图表并在浏览器中实时预览。
v2.0.3
面向 iOS、Android、Flutter、React Native 与 Web 的 AI 驱动应用测试自动化。
v0.1.5
通过 MCP 暴露精选的 Justfile 配方,实现安全、确定性的自动化。
v2.0.0
统一的纠纷解决:加密货币、支付与 SLA 违约,95% 由 AI 自动化处理。
v0.112.0
面向 Kubernetes 部署与智能自动化的 AI 开发平台。
v0.5.0
Opsera AI 智能体 MCP 服务器,通过 SSE 提供带鉴权的 DevOps 自动化。
v1.2.9
面向 NinjaONE RMM 的 MCP 服务器,支持设备管理、监控与自动化。
v1.13.1
为 AI 智能体与自动化工具提供区块链数据的上下文访问。
v0.1.121
云端 AI 平台:多智能体集群、沙箱与工作流自动化。
Reverse engineer native, managed, Electron/JavaScript, packaged, firmware, and browser targets with REA. Use shipped-artifact or requested runtime evidence to explain features, compare versions, decompile code, or guide a reconstruction. Skip REA for ordinary source-repository architecture analysis.
通过 Aside 驱动真实浏览器:打开页面、阅读内容、点击走完流程、截图、检查 console 错误。(gstack)
SRS 与 Oryx 代码库以及 SRS Docker 镜像工具链的开发、修改、调试、评审、维护与讲解。用于对下一代 SRS Go 代理、SRS 浏览器播放器、ossrs/dev-docker 镜像,以及 Oryx 的 Go 后端、React 控制台、一体化运行时、打包、安装器、发布与测试做计划性改动;也包括缺陷维护、issue 与 PR 分诊、PR 评审以及 Learn Code 提问。C++ 版 SRS 服务器已进入维护模式,基于 Go 的新版源站与边缘节点的规划性开发尚不支持。不适用于终端用户支持、使用提问或配置咨询——这些请使用 srs-support。
UI 装饰一律使用 Shade 语义令牌(bg-background、text-foreground、border-border-default、bg-surface-elevated)——绝不使用 hex、hsl() 或 bg-gray-200 之类的原始调色板工具类。在编辑使用 Shade 的应用的 TSX/CSS 时触发。
把 SRS 与 Oryx 的代码任务路由到最小相关的可信代码库地图与验证指引。只要支持、开发、调试、评审或维护工作需要定位、选择、阅读、修改、测试或验证 SRS/Oryx 代码时使用。覆盖第一代 C++ 源站与边缘媒体服务器及其 State Threads 依赖、下一代 Go 服务器、浏览器推流与播放、SRS Docker 镜像工具链、SRS 测试,以及 Oryx 的 Go 后端、React 控制台、一体化运行时、打包、安装器、发布与测试。作为父级支持与发展技能的代码导航依赖;面向用户的工作流程与结果仍由父技能负责。
This skill should be used to "verify OpenHands features", "test the Canvas UI like a user", "drive Agent Canvas", "check a UI change in the real app", "create or update the feature map", "run the daily pass" or "run the weekly feature audit". Ships control-openhands (launch, doctor, browser, LLM profiles, conversations, evidence, map tooling, cleanup) and the maintained map of every user-facing feature.
Fix browser/API/CLI/job/worker/webhook bugs. (gstack)
通过 Aside 浏览器从网页拉取数据——使用你真实的、已登录的会话。(gstack)
让远程 AI agent 与你的浏览器配对使用。(gstack)
把最近一次成功运行的 /scrape 流程固化为磁盘上的常驻 browser-skill。(gstack)
仅出具报告的 QA 测试。(gstack)
当 HyperFrames 合成中已放置的音频需要混音时使用:淡入/淡出、crossfade、轨道增益或音量、音量自动化、ducking、与旁白冲突的音乐垫(voiceover carve)、对轨道施加效果(EQ、压缩、限制、门限、饱和、延迟、混响、合唱、移相、bitcrush)、在轨道音量或任意效果参数上绘制自动化包络,或用一个 submix 总线承载链路、用 `<hf-audio-group>` 让一个推子和一个自动化时钟同时控制多条轨道。不用于音频获取或生成——找 BGM、音效或制作旁白属于 `/media-use`。不用于片段时序或轨道布局,那属于 `/hyperframes-core`。
This skill should be used when the user asks to "change the dev stack", "add a runtime service", "change the launcher", "update Docker", "bump Agent Server", "change ingress routing", or changes scripts/dev-*.mjs, runtime-services metadata, config/defaults.json, Docker, automation startup, process shutdown, or local authentication.
Audit and reduce Next.js browser initial-load work. Use for slow route startup, oversized client bundles, duplicate browser dependencies, or features that can wait for interaction.
在 Cache Components / PPR 下,为把 Next.js 路由做到即时导航设定 agent 循环,覆盖首次加载(hard navigation)与客户端导航(soft navigation)。把目标编码为一个失败的 @next/playwright instant() e2e 并逐路由跑绿;固化的测试随后可防回归。当需要让某路由导航即时(static shell 立即 commit)、修复 static shell 未被预渲染/服务/预取的路由、扩大 static shell 或修复首屏缓慢、诊断是哪个 Suspense boundary 让路由无法进入 static shell,或为某个路由编写 instant() e2e 守卫时使用。需要 Next.js 16.3+ 且启用 cacheComponents;版本过旧则先升级。
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.
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
当用户想要设计、重设计、塑形、评审、审计、打磨、澄清、提炼、加固、优化、适配、动画化、上色、提取或改进前端界面时使用。覆盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程与空状态。处理 UX 评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、字体排印、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边界情况、i18n,以及可复用的设计系统或令牌。也用于把平淡设计变得更大胆更有趣、把喧闹设计调得更克制、在浏览器中对 UI 元素做即时迭代,或实现应显技术实力的雄心视觉效果。不适用于纯后端或非 UI 任务。
凡是支持 MCP 协议的 AI 开发工具都可以,包括 Cursor、Claude Code、VS Code(Copilot)、Windsurf、Trae 等。在 AgentHub 的资源详情页可一键复制对应客户端的 JSON 配置。
优先 Playwright MCP:基于无障碍树定位元素、跨浏览器支持更好、官方维护活跃。Puppeteer 类服务适合只需打开页面和截图的轻量任务。
模型只看到你让它读取的页面内容(截图或文本快照)。请在独立 Profile 中登录测试账号,不要复用主力账号,敏感站点建议配合无痕模式与网络隔离。