Playwright
基于Playwright的自动化测试和网页操作MCP工具
使用场景/浏览器自动化
让 AI 控制真实浏览器:打开页面、点击、填表、截图。适合 E2E 测试、竞品巡检、无 API 的网页操作。
共匹配 1,790 个资源 · 第 35 / 38 页
浏览器自动化 MCP Server 让 AI 直接操作一个真实的浏览器:打开页面、点击按钮、填写表单、截图取证、抓取渲染后的内容。它与网页抓取的区别在于「先渲染、后读取」——JavaScript 动态加载的内容、需要登录与交互的页面都能处理,适合没有开放 API 的网站。
首选推荐 Playwright MCP:它以无障碍树(accessibility tree)而非像素坐标定位元素,AI 理解页面更稳定、更少误点;由微软官方维护,Cursor、Claude Code、VS Code 等主流客户端均支持一键配置。Puppeteer 类服务轻量一些,适合简单的截图与导航任务。
安全提醒:浏览器自动化等价于把浏览器操作权限交给 AI。建议在独立浏览器 Profile 或沙箱中运行,不要登录含支付、企业权限的账号,并对「提交、删除、支付」类操作保留人工确认。
使用不依赖 DOM 的文字排版构建创意浏览器演示。
在本地浏览器画布中打开计划与 HTML 产物,人可以在同一页面上标注元素、聊天并批准或要求修改。在展示计划供评审,或像“把这个挪一下、那个改一下”这类用指比用打字更方便的反馈时使用。
Search Inbox Zero mail, read threads, create mailbox drafts, and manage automation rules through a remote MCP server. Use when the user wants ChatGPT, Claude, or Cursor to work with their Gmail or Outlook inbox.
Understand the capabilities and restrictions of each Remotion Studio mode. Use when implementing or reviewing Studio actions, permissions, availability, or UI across interactive, detached, deployed, and browser-based Studios.
开发 Trilium 的浏览器内 standalone 构建(apps/standalone,部署于 app.triliumnotes.org 并被移动应用内嵌)时使用:service worker(sw.ts)、leader 标签页选举与多标签请求转发、SQLite worker(local-server-worker.ts、基于 OPFS SAHPool 的 @sqlite.org/sqlite-wasm)、initializeCore() 所需的 lightweight/* 提供者实现、standalone 专用路由、window.standaloneApi、OPFS 中的备份/恢复、Vite 打包桩(officeparser、pdfjs、sqlite wasm 副本)、启动错误,以及运行/测试/部署。当 packages/trilium-core 的变更新增 provider、Node import 或顶层副作用时也需加载——standalone 是最容易出问题的地方。
测量 Storybook 从 spawn `storybook dev` 到浏览器中首个 story 渲染的启动耗时。当用户询问 Storybook 启动时间、server-ready 时点、首个 story 渲染时点、启动回归、重复运行基准测试,或比较 Storybook 版本/feature flag 时使用。
Research current web information with source-first search and controlled browser fallback
GitHub 仓库的运维、自动化与管理。基于 gh CLI 完成 issue 分类、PR 管理、CI/CD 操作、发布管理与安全监控。当用户需要管理 GitHub issue、PR、CI 状态、发布、贡献者、陈旧条目,或处理超出简单 git 命令范围的 GitHub 运维任务时使用。
Deterministic method for placing signature, date, and text fields in a web e-signature composer through a browser automation session, using a fixed signature page, numeric Location panel coordinates instead of drag, and a save-as-draft default. Use when automating envelope preparation for generated agreements and you need repeatable field positions, correct per-recipient ownership, and a hard gate before anything is sent or signed.
在本地浏览器画布中打开计划与 HTML 产物,人可以在同一页面上标注元素、聊天并批准或要求修改。在展示计划供评审,或像“把这个挪一下、那个改一下”这类用指比用打字更方便的反馈时使用。
@copilotkit/react-core——在 Next.js App Router / React Router v7 / TanStack Start / SPA 应用中挂载 CopilotKit provider(来自 @copilotkit/react-core/v2),接入 CopilotChat/CopilotPopup/CopilotSidebar(v2 聊天组件由 react-core/v2 提供,而非仅有 CSS 的 react-ui),通过 useAgent/useAgentContext/useCapabilities 访问和订阅 agent,在多个 agent 间切换,用 useThreads 管理持久的 Intelligence 会话线程,通过 useFrontendTool 注册浏览器端工具,用 useRenderTool/useComponent/useDefaultRenderTool 渲染工具调用,用 useHumanInTheLoop 做执行门控,用 useAttachments 接入文件附件,配置建议词,以及注册活动与自定义消息渲染器。publicLicenseKey 为正式字段(publicApiKey 是已废弃别名)。按任务加载 references/ 下对应的参考文件。
用语义化 HTML、CSS 和直接的浏览器 API 编写 PostHog canvas——文档、文章、生成式图形、2D canvas 与 WebGL 体验,以及 React 组件不能提供有效结构的聚焦实验。在 building-canvases 把画布请求路由到纯 HTML/浏览器 API 实现之后使用。涵盖当前运行时要求的轻量组件包装、不依赖 Quill 的样式与主题、绘图画布,以及动画/清理模式。
读取 Reddit:子版块、搜索、帖子线程与用户,无需浏览器。
使用 docker compose、agent-browser 与 API 调用对 PR/分支进行 E2E 手动测试。当用户要求手动测试 PR、端到端测试某功能,或对运行中的系统执行集成测试时触发。
指导安全修改 TaxonomicFilter——PostHog 用于事件、action、属性、群组等的多标签选择器。先讲清经验性的产品现实(用户实际挑选和搜索什么)以及三个在用变体(legacy-control、藏在 TAXONOMIC_FILTER_CATEGORY_DROPDOWN 开关后的 legacy-pill、藏在 TAXONOMIC_FILTER_MENU_REBUILD 后的自选重构菜单),让改动以真实行为为评判标准并在多个界面镜像同步,而不是孤立地针对一支实现。在新增功能、修 bug 或重构 TaxonomicFilter、重构菜单或无头筛选面板时使用。
启动 Tabler Astro 开发服务器并在浏览器中验证改动。当 `preview/`、`docs/`、`shared/` 或 `core/` 的改动必须看到实际运行——交付页面或组件之前——以及开发服务器行为异常(CSS/JS 陈旧、资产消失、页面无法刷新)时使用。涵盖在哪个端口启动哪个服务器、后台模式、开发服务器运行时不得构建的规则,以及验证循环。
开发和审查 PyLabRobot 实验室自动化资源、液体处理方案、离线仿真与受支持设备集成。用于 PyLabRobot 协议或 API 相关问题;物理执行必须置于显式的操作员安全门之后。
vrelease%2Fv3.8.51
管理通过 API 暴露的 CLI 工具集成。列出、配置并调用扩展 OmniRoute 自动化能力的 CLI 工具插件。
vcanary
用 LobeHub 真实设计系统(@lobehub/ui + antd + antd-style token)与生产风格 React 产出可交互的单文件 HTML 设计原型,无需构建步骤,浏览器直接打开。当被要求为某个页面或流程出设计原型/可交互 mockup/交互原型/设计稿 HTML,或在投入实现前探索重设计时使用。
使用 IDA Pro 逆向二进制文件:反编译、反汇编、数据流跟踪、交叉引用,以及面向 PE/ELF/Mach-O 目标深度静态分析的 IDA MCP 自动化。
按照 OWASP FSTM 九阶段流程进行固件渗透测试:提取、EMBA 自动化、Firmadyne/QEMU 仿真、AFL++ fuzzing,以及在授权实验室中的实际利用。
当需要查找、读取、列出、搜索、查看、拉取、导出或重建跨 Codex、Claude Code/Desktop、OpenCode、OMO/Senpi/pi、oh-my-pi (omp)、gajae-code (gjc)、OpenClaw、Factory Droid、Amp、Gemini/Kimi/Qwen CLI、Codebuff、Roo/Kilo/Cline、Kodu、Cursor CLI、Aider、Aside 浏览器 agent 会话或未知本地 agent 日志时务必使用。覆盖 transcript、会话 ID、rollout JSONL、state SQLite、Claude projects/pre-compact 历史、OpenCode messages/parts、子/subagent 关联、cwd/model/时间/token 过滤、归档与成本线索。会把模糊回忆展开为并行查询通道,并先探测已知存储,从而低成本跳过不存在的平台。触发词:coding agent sessions、Codex/Claude/OpenCode/OMO/Senpi/pi/oh-my-pi/omp/gajae-code/gjc/OpenClaw/Droid/Amp/Kodu/Cursor/Aider/Aside sessions、transcript search、session history、session ID、read transcript、token usage、subagent sessions、what did I do yesterday、did we already do this。
使用 Scrapling 抓取网页,支持反爬绕过(如 Cloudflare Turnstile)、隐身无头浏览、spider 框架、自适应抓取和 JavaScript 渲染。需要抓取/爬取/提取网站数据、web_fetch 失败、站点有反爬防护、编写 Python 抓取代码或 spider 时使用。
在创建或修改 src/vs/workbench/contrib/chat/browser/widget/media/chatPet 下的 VS Code 聊天宠物精灵图、精灵图集、状态动画、眼睛表现、Stable/Insiders 变体或宠物切换效果时使用。
vdevel
在为 beta、RC 或正式版本提升 Meteor 包版本时使用。涵盖两套版本体系(meteor-tool 与其他所有包)、update-semver 自动化工具、工具无法覆盖的手动文件、modern-tool npm 包的 semver 分析、官方安装器门禁,以及从 beta 到正式发布的完整生命周期。适用于 packages/*/package.js、scripts/admin/、npm-packages/meteor-installer/、modern-tool npm 包以及测试应用中的 .meteor/versions。
带标注/红线的低保真线框图——桌面落地页/营销页以扁平灰盒画在浏览器边框内,叠加单一主色的编号标注针(①②③④⑤),并配右侧规格面板逐条列出每个编号针的简短工程/UX 说明。这是「线框 + 红线规格」风格——干净、扁平、低保真、非手绘。当需求提到「annotated wireframe」「redline wireframe」「wireframe with spec」「lo-fi landing wireframe」「low fidelity」「线框图」「标注线框」或「redline」时使用。
用于在浏览器中创建 3D 元素与交互体验的 Three.js 技能——场景、材质、控制器与后期处理。
跨路由、认证、配对、二维码/设置码和重连等环节,诊断 OpenClaw Control UI 浏览器及原生 Android、iOS 或 macOS 节点连接失败。
OpenClaw Tideclaw alpha/nightly 发布自动化:隔离分支、本地修复、发布 CI、分支保留,以及向 main 的前向合并。
continue-pr 的无人值守变体,供自动化使用(由 utils/continue-all-prs.sh 驱动)。解决冲突——当机械合并不足以对齐当前 master 时重做停滞的功能——修复 CI、处理反馈并推送,全程不打扰用户。交互式使用请优先选 continue-pr。
在 Claude Code 之上构建可持久化的多 Agent 操作系统。涵盖内核架构、专职 Agent、斜杠命令、基于文件的记忆、定时自动化,以及无需外部数据库的状态管理。当需要在 Claude Code 上构建自带记忆、命令与调度能力的持久化多 Agent 系统时使用。
构建像人一样操作计算机的 AI 智能体——看屏幕、移动光标、点击按钮、输入文字。覆盖 Anthropic Computer Use、OpenAI Operator/CUA 及开源替代方案,重点关注沙箱化、安全以及基于视觉控制带来的独特挑战。触发场景:computer use、桌面自动化智能体、屏幕控制 AI、视觉智能体、GUI 自动化。
对 SQLite 数据库做取证分析:检查 B-tree 页结构、从 freelist 页与 WAL 日志中恢复已删除记录、解码编码后的时间戳,并从浏览器历史、即时通讯应用与移动设备数据库提取证据。适用于数字取证或移动/浏览器证据分析中从 SQLite 恢复已删除或未分配数据。
下载留存的 Codex GitHub Action 线程制品,并把其 rollout 历史载入本地 Codex 应用。当被要求从 GitHub Actions 运行或相关 GitHub issue/PR 打开、载入、导入、恢复或检查某条 Codex 自动化线程时使用。
通过实际运行验证对 Warp 无头 TUI 前端(crates/warp_tui)的改动——本地用 ./script/run-tui 运行,或在无头云运行器中用 WARP_API_KEY 的 dogfood 构建运行——并读回渲染出的屏幕内容(装有 tmux 时借助 tmux,否则直接读取)。凡改动 TUI 界面、渲染、输入或行为后需要确认真实屏幕效果时使用。
带标注/红线的低保真线框图——桌面落地页/营销页以扁平灰盒画在浏览器边框内,叠加单一主色的编号标注针(①②③④⑤),并配右侧规格面板逐条列出每个编号针的简短工程/UX 说明。这是「线框 + 红线规格」风格——干净、扁平、低保真、非手绘。当需求提到「annotated wireframe」「redline wireframe」「wireframe with spec」「lo-fi landing wireframe」「low fidelity」「线框图」「标注线框」或「redline」时使用。
使用 python-pptx 以无界面方式生成 PowerPoint 演示文稿。
在 Orca 内通过 orca CLI 控制移动端(iOS)模拟器/仿真画面流。用于点击、手势、输入、硬件按键、相机注入、权限、无障碍树等,并在 Orca 的模拟器窗格中实时查看画面。在 Orca 中运行 agent 时优先于原始 npx serve-sim 或直接 simctl(orca 层处理设备定位、helper 生命周期与工作树上下文)。与 orca-cli 技能互补(终端、工作树和内置浏览器)。
使用仓库配置的 XcodeBuildMCP 服务器构建、启动、检视并驱动 iOS 应用。在 macOS 上用于 iOS 模拟器构建、聚焦的原生测试运行、语义化 UI 自动化、截图、日志或调试,包括 T3 Code Mobile 验证。
vcanary
面向任意项目的代理式端到端测试:经项目 CLI 验证后端、经 agent-browser 验证前端(Web)、经 CDP 验证桌面(Electron)。驱动真实界面、收集视觉确证的证据,并把结构化报告发布到 LobeHub verify 平台。触发词:'cli test'、'test with cli'、'verify with cli'、'backend test with cli'、'local test'、'test in electron'、'test desktop'、'manual test'、'test report',或任何本地端到端验证任务。
从零创建动画丰富的浏览器端 HTML 演示、增强现有 HTML 幻灯片,或把 PowerPoint 文件转换为 Web 演示。仅当交付物是 HTML 或浏览器演示时使用;当用户需要可编辑的原生 .pptx 文件时不要使用。
在非交互 headless 环境中运行、配置与排查 OpenAI Codex CLI。适用于 Bash 或 PowerShell、原生 Windows 或 WSL2、shell 脚本、CI/CD、Docker、Kubernetes、远程服务器、agent harness 或批处理任务中的 Codex 自动化;用于构造 `codex exec` 命令、选择 sandbox 与审批模式、消费 JSONL 事件或结构化输出、恢复会话、经 stdin 传递提示,以及处理因缺少交互输入导致的失败(如 `request_user_input`)。
应用从仓库 GitHub Security Advisories 中提炼出的 RustFS 安全经验。在提交或评审 RustFS 代码改动、做安全检查、处理认证/授权、IAM、存储、RPC、日志、CORS、控制台/浏览器、加密、策略或接口相关改动时使用,也用于判断需要补充哪些安全回归测试。
指导通过 Computer Use 浏览器工具完成 n8n 凭据配置。当用户需要从外部服务的控制台获取 OAuth 应用、API key、client ID、client secret 或其他凭据值时使用。
前端设计的机械化实现不变量:令牌架构、排版层级、加载顺序、FOUT 预防、界面稳定性、动效时长、色彩语义。构建组件、页面或设计系统时与 design 配合使用。(美学方向见……)
审查 GitHub PR 中的 UI/UX 改动:启动 MLflow Web 应用,通过无头 agent-browser 操作改动涉及的界面,并为工作流写出一份 Markdown 格式的 UI 审查评论内容(结论与截图)。
HyperFrames CLI 开发循环。运行 npx hyperframes 的 init、add、catalog、capture、lint、validate、inspect、layout、snapshot、preview、play、render、publish、lambda、doctor、browser、info、upgrade、skills、compositions、docs、benchmark、telemetry、transcribe、tts 或 remove-background 命令时使用,或排查 HyperFrames 构建/渲染环境时。也是 AWS Lambda 云渲染(hyperframes lambda deploy / render / progress / destroy / policies)的入口。
在 orchestration cluster webapp(webapp/client/apps/orchestration-cluster-webapp/src/)中编写、修改或调试单元测试(*.test.tsx)时使用。涵盖 Vitest 浏览器模式、MSW mock 与 vitest-browser-react 渲染。
凡是支持 MCP 协议的 AI 开发工具都可以,包括 Cursor、Claude Code、VS Code(Copilot)、Windsurf、Trae 等。在 AgentHub 的资源详情页可一键复制对应客户端的 JSON 配置。
优先 Playwright MCP:基于无障碍树定位元素、跨浏览器支持更好、官方维护活跃。Puppeteer 类服务适合只需打开页面和截图的轻量任务。
模型只看到你让它读取的页面内容(截图或文本快照)。请在独立 Profile 中登录测试账号,不要复用主力账号,敏感站点建议配合无痕模式与网络隔离。