Playwright
基于Playwright的自动化测试和网页操作MCP工具
使用场景/浏览器自动化
让 AI 控制真实浏览器:打开页面、点击、填表、截图。适合 E2E 测试、竞品巡检、无 API 的网页操作。
共匹配 1,781 个资源 · 第 19 / 38 页
浏览器自动化 MCP Server 让 AI 直接操作一个真实的浏览器:打开页面、点击按钮、填写表单、截图取证、抓取渲染后的内容。它与网页抓取的区别在于「先渲染、后读取」——JavaScript 动态加载的内容、需要登录与交互的页面都能处理,适合没有开放 API 的网站。
首选推荐 Playwright MCP:它以无障碍树(accessibility tree)而非像素坐标定位元素,AI 理解页面更稳定、更少误点;由微软官方维护,Cursor、Claude Code、VS Code 等主流客户端均支持一键配置。Puppeteer 类服务轻量一些,适合简单的截图与导航任务。
安全提醒:浏览器自动化等价于把浏览器操作权限交给 AI。建议在独立浏览器 Profile 或沙箱中运行,不要登录含支付、企业权限的账号,并对「提交、删除、支付」类操作保留人工确认。
v0.4.1
面向 AI 智能体的浏览器引擎,输入 HTML、输出语义对象模型,token 减少 16 倍。
v0.1.0
为 AI 智能体提供浏览器级的网页访问,抓取任意页面并返回干净的 Markdown。
v0.1.0
无头模式的 Eclipse MAT MCP 服务器,用于 Java 堆转储分析。
v0.1.1
面向本地 LLM 的省 token 浏览器代理:Playwright + 无障碍树 + MarkGrab。
v1.3.0
JSON 驱动的端到端(E2E)测试运行器,支持并行 Chrome 进程池执行,提供 16 个 MCP 工具。
v0.2.1
为 AI 智能体提供无头浏览器,附带 SHA-256 审计链与 Ed25519 签名的证明包。
v0.2.0
面向 AI 构建软件的浏览器端 QA,由智能体驱动真实浏览器测试页面。
v0.5.0
面向 Chrome 146 的 W3C WebMCP 工具包,把任意网站以结构化 MCP 服务暴露给 AI 智能体。
v1.2.1
通过 WebDriver BiDi 实现 Zen Browser 浏览器自动化的 MCP 服务器。
v0.7.3
面向 AI 智能体的结构化网页情报,比 Playwright/Firecrawl 少用 5 倍 token,准确率 84.7%。
v1.0.0
使用真实 Chrome 浏览器把任意 URL 转换为干净、适配 LLM 的 Markdown。
v1.2.0
基于 Playwright 将 HTML 或 URL 转换为 PDF 文档
v1.0.0
浏览器端 Solidity 编译器 IDE——智能合约开发、测试与部署。
v1.0.3
让 AI 智能体与终端应用交互的 MCP 服务器,可理解为终端版 Playwright。
v0.3.0
将 HTML 转换为 Markdown,自动摘要并按章节抽取,支持 Playwright。
v1.1.1
基于 Playwright 与 Axe-core 的自动化网页无障碍(Accessibility)扫描 MCP 服务器。
使用 Playwright 与本地 Web 应用交互并测试的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图和查看浏览器日志。
This skill should be used when the user asks to "add an E2E test", "run live E2E", "run mock-LLM tests", "debug Playwright CI", "test the Docker image", or changes tests/e2e, Playwright configs, E2E workflows, artifacts, or test reporting.
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.
通过 orca computer 对可见的本地应用窗口进行 OS/窗口级检视与输入:原生应用、外部浏览器窗口(Chrome、Edge、Safari)和应用 webview。不适用于 Orca 内置浏览器(用 orca-cli)或纯页面自动化(用 Playwright 或 CDP)。
Playwright 端到端测试模式、Page Object Model、配置、CI/CD 集成、测试产物管理与不稳定测试应对策略。当编写 Playwright 测试、组织页面对象,或修复 CI 中不稳定的 E2E 用例时使用。
Test T3 Code's web and desktop UI through its built-in Browser panel against isolated development state. Use for browser verification, browser pairing recovery, and test fixtures. Use test-t3-mobile for native mobile verification.
在编写 E2E 测试之前,使用本仓库的 Components 示例在浏览器中交互式验证 Blazor 特性或行为。用于:在 src/Components 中演练某项 Blazor 改动(渲染模式行为、交互组件、增强导航、表单、流式渲染、预渲染),决定选用哪个示例、在哪添加测试页面、如何设置渲染模式(Server/WebAssembly/Auto/静态 SSR)、如何确认应用真的处于交互状态(而非纯静态 SSR),以及如何检查浏览器控制台与网络错误。覆盖 BlazorWebAppGlobal、BlazorWebAppPerPage 与 BlazorWebAssemblyStandalone,针对仓库内的框架启动,并用 Playwright MCP 浏览器工具驱动。不适用于编写正式的 E2E/Selenium 或单元测试、非 Components 领域、对比方案调研,或在没有 Blazor 特性需要验证时仅做原生浏览器 API/HTML/CSS 的孤立实验——后者用最小化的浏览器探测即可。
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.
仅限微软 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。
将 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。
创建和编辑基于文件的 Warp 软件工厂定义,目录树以 factory.yaml 为根。适用于编写或修改该 factory.yaml 及其下的 Agent、Automation、Scorer、Runner、Webhook 文件与工厂/agent 技能树,以及修复 Factory 文件诊断。不适用于属于其他工具的 agent 定义 Markdown、没有 factory.yaml 的目录树,也不适用于操作运行中的工厂或通过 Factory MCP 向其移交工作。
协调受监督的 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 等页面自动化工具。
在 web/ 或 packages/dify-ui/ 下编写或修改 Vitest、React Testing Library 测试时使用,或用户明确要求制定前端测试策略(含评估现有策略)时使用。不适用于仅做前端代码审查、泛泛的可测试性讨论、Python 测试或 Cucumber/Playwright E2E。
为 Supabase Studio(e2e/studio)编写并运行 Playwright E2E 测试。在被要求跑 E2E 测试、编写新 E2E 测试或调试不稳定/失败的 Playwright 测试时使用。涵盖执行命令、规避竞态条件、等待策略、选择器、辅助函数以及 CI 与本地差异。
在用 Vitest + Playwright 对 OpenClaw Control UI 图形界面做端到端测试、修复或扩展时使用,覆盖 Mock 网关 WebSocket 流程、Mock 面板运行、截图/视频,以及可由代理验证的浏览器证明。
针对运行中的 Twenty 应用对 PR 做浏览器 QA:在 main 上合并后触发,或合并前通过 qa-scout 标签触发。从 PR diff 推导用户可见场景,用 Playwright MCP 浏览器执行,以 SQL 核验数据库效果,检查服务器与 worker 日志中被吞掉的错误,输出结构化结论和报告。由 ci-e2e-main.yaml 在确定性 e2e 套件后调用;也可针对本地 dev 栈手动运行。
用于前端/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。
使用 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。
针对 Windows 原生桌面应用(WPF、WinForms、Win32/MFC、Qt)的 E2E 测试,使用 pywinauto 和 Windows UI Automation。适用于使用 pywinauto 或 UI Automation 为 Windows 原生桌面应用编写 E2E 测试。
Playwright E2E 测试模式、页面对象模型、配置、CI/CD 集成、工件管理和不稳定测试策略。适用于编写 Playwright 测试、组织页面对象或修复 CI 中不稳定的 E2E 运行。
为 Supabase Studio(e2e/studio)编写并运行 Playwright E2E 测试。在被要求跑 E2E 测试、编写新 E2E 测试或调试不稳定/失败的 Playwright 测试时使用。涵盖执行命令、规避竞态条件、等待策略、选择器、辅助函数以及 CI 与本地差异。
使用 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。
当被要求对课程的 notebook 与代码样例做验证、测试、冒烟测试或运行(针对真实的 Microsoft Foundry / Azure OpenAI 配置)时使用。涵盖环境准备(.env、az login、依赖包)、scripts/validate-notebooks.ps1 运行器、PASS/FAIL 结果解读,以及哪些课程需要额外资源(Azure AI Search、GitHub MCP、Foundry Local、Playwright)。
在 FAST monorepo 运行或编写测试时使用本技能——本地测试执行、CI 工作流、Playwright fixture 与 WebUI 集成测试。
vdevelop
为 Next.js 项目编写基于 React Testing Library 的 Jest 或 Vitest 单元测试,以及 Playwright E2E 测试。用于用 RTL 测试组件、用 MSW 模拟 API,或编写 Playwright 用户流程测试。
确保 UI 功能在桌面与移动端保持一致、响应式行为,并具备移动端 Playwright E2E 覆盖。在实现、规划、审查或测试任何新功能、页面、组件、工作流、表单、对话框、侧边栏、导航、仪表盘或可视化 UI 变更时使用;只要涉及前端或用户可见 UI,即使用户只提到桌面或只说“新功能”,此技能也必须运行。
前端/Web UI/UX/视觉类工作必须使用:构建、样式设计、页面或组件重设计、React 环境搭建、性能审计、视觉 QA、品味与打磨。内含四套规则:design taste 路由器与品牌参考;perfection(Playwright/Chromium、Lighthouse、Core Web Vitals);ui-ux-db 配色/字体/规范;designpowers 用户画像/无障碍/评审/交付;以及仅用 curl 的 lazyweb 真实应用截屏研究,用于确定设计方向。触发词:frontend、UI、UX、design、redesign、styling、layout、animation、motion、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。
当被要求对课程的 notebook 与代码样例做验证、测试、冒烟测试或运行(针对真实的 Microsoft Foundry / Azure OpenAI 配置)时使用。涵盖环境准备(.env、az login、依赖包)、scripts/validate-notebooks.ps1 运行器、PASS/FAIL 结果解读,以及哪些课程需要额外资源(Azure AI Search、GitHub MCP、Foundry Local、Playwright)。
当被要求对课程的 notebook 与代码样例做验证、测试、冒烟测试或运行(针对真实的 Microsoft Foundry / Azure OpenAI 配置)时使用。涵盖环境准备(.env、az login、依赖包)、scripts/validate-notebooks.ps1 运行器、PASS/FAIL 结果解读,以及哪些课程需要额外资源(Azure AI Search、GitHub MCP、Foundry Local、Playwright)。
在分析 React DevTools Profiler 导出(含 "dataForRoots"/"commitData" 的 .json)时使用——重渲染风暴、commit 扇出、“这个组件为何渲染”、send/interaction 渲染开销。不用于 Chrome Performance trace(其含 "traceEvents"——改用 electron-profile)。
当开发者要为 Opik 的某个功能、页面或分支添加、编写或创建端到端测试时使用——例如「为实验对比页添加 e2e 测试」「为刚做的功能写测试」「这个分支的 e2e 测试」「给数据集条目流程加测试」。在 tests_end_to_end/e2e/ 中跑完整个循环——分析功能与前端代码、用 Playwright MCP 探索真实 UI、编写 Page Object Model + spec,并在本地运行直到通过。
辅助数据库测试相关操作,属于 Test Automation 的自动激活 skill。在编写或运行测试时使用。触发词:database test helper、database helper、database。
凡是支持 MCP 协议的 AI 开发工具都可以,包括 Cursor、Claude Code、VS Code(Copilot)、Windsurf、Trae 等。在 AgentHub 的资源详情页可一键复制对应客户端的 JSON 配置。
优先 Playwright MCP:基于无障碍树定位元素、跨浏览器支持更好、官方维护活跃。Puppeteer 类服务适合只需打开页面和截图的轻量任务。
模型只看到你让它读取的页面内容(截图或文本快照)。请在独立 Profile 中登录测试账号,不要复用主力账号,敏感站点建议配合无痕模式与网络隔离。