Community研究与数据分析github.com

web-infra-dev/浏览器自动化

基于视觉的浏览器自动化工具,使用 Midscene 驱动,通过截图进行操作——无需 DOM 或辅助功能标签。支持无头 Puppeteer 模式,同时支持 CDP 和 Bridge 模式连接到现有 Chrome 浏览器。

浏览器自动化 是什么?

该技能利用 Midscene 实现基于视觉的浏览器自动化,通过分析网页截图来理解页面状态,无需依赖 DOM 元素或辅助功能标签。它可在无头 Puppeteer 模式下运行,不会接管用户的鼠标或键盘操作,从而保证安全性。同时支持通过 Chrome DevTools 协议 (CDP) 或 Bridge 模式连接到用户现有 Chrome 浏览器,实现直接控制。该技能的核心优势在于能够执行多种浏览器任务,包括浏览导航、数据抓取、表单填写、UI 行为验证、截图、多步工作流自动化等。它适用于各种需要自动化的场景,如网站数据采集、前端功能测试和质量保证,以及验证新开发的功能在浏览器中的表现。工具由 Midscene.js 驱动,可高效完成复杂的浏览器交互操作。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/web-infra-dev/midscene-skills/tree/main/skills/browser-automation

Installed? Explore more 研究与数据分析 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

浏览器自动化 是做什么的?

基于视觉的浏览器自动化工具,使用 Midscene 驱动。通过截图进行操作——无需 DOM 或辅助功能标签。在无头 Puppeteer 中运行——不会接管用户的鼠标或键盘。还支持 CDP 模式和 Bridge 模式以连接到现有 Chrome。请在用户希望执行以下操作时使用此技能:

  • 浏览、导航或打开网页
  • 从网站抓取、提取或收集数据
  • 填写表单、点击按钮或与网页元素交互
  • 验证、确认、测试或 QA 前端 UI 行为
  • 截取网页截图
  • 自动化多步骤网页工作流
  • 测试刚刚构建的内容,查看其在浏览器中是否正常工作
  • 通过 CDP、DevTools 协议或远程调试连接到 Chrome
  • 连接到用户的 Chrome 浏览器、控制我的浏览器、操作我的 Chrome

由 Midscene.js (https://midscenejs.com) 提供技术支持

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

web-infra-dev/android-device-automation

Vision-driven Android device automation using Midscene. Operates entirely from screenshots — no DOM or accessibility labels required. Can interact with all visible elements on screen regardless of technology stack. Control Android devices with natural language commands via ADB. Perform taps, swipes, text input, app launches, screenshots, and more. Trigger keywords: android, phone, mobile app, tap, swipe, install app, open app on phone, android device, mobile automation, adb, launch app, mobile screen, test android app, verify mobile app, QA on phone, check the app on android, test on device, see if the app works on phone, end-to-end test on android, visual verification on mobile Powered by Midscene.js (https://midscenejs.com)

web-infra-dev/desktop-computer-automation

Vision-driven desktop automation using Midscene. Control your local desktop (macOS, Windows, Linux) or a remote Windows desktop over RDP with natural language commands. Operates entirely from screenshots — no DOM or accessibility labels required. Can interact with all visible elements on screen regardless of technology stack. ⚠️ In local mode this takes over the user's real mouse and keyboard. For web apps, prefer "Browser Automation" instead. Only use this for desktop-native apps (Electron, Qt, native macOS/Windows/Linux) that cannot run in a browser, or for driving a remote Windows host via RDP. Triggers: open app, press key, desktop, computer, click on screen, type text, screenshot desktop, launch application, switch window, desktop automation, control computer, mouse click, keyboard shortcut, screen capture, find on screen, read screen, verify window, close app, test Electron app, rdp, remote desktop, windows server, connect via rdp Powered by Midscene.js (https://midscenejs.com)

web-infra-dev/harmonyos-device-automation

Vision-driven HarmonyOS NEXT device automation using Midscene. Operates entirely from screenshots — no DOM or accessibility labels required. Can interact with all visible elements on screen regardless of technology stack. Control HarmonyOS devices with natural language commands via HDC. Perform taps, swipes, text input, app launches, screenshots, and more. Trigger keywords: harmony, harmonyos, 鸿蒙, hdc, huawei device, harmony app, harmony automation, harmony phone, harmony tablet, test harmony app, verify on harmonyos, QA on 鸿蒙, check the app on harmony, test on huawei device, see if the app works on harmony, end-to-end test on harmonyos, visual verification on 鸿蒙 Powered by Midscene.js (https://midscenejs.com)

web-infra-dev/ios-device-automation

Vision-driven iOS device automation using Midscene CLI. Operates entirely from screenshots — no DOM or accessibility labels required. Can interact with all visible elements on screen regardless of technology stack. Control iOS devices with natural language commands via WebDriverAgent. Triggers: ios, iphone, ipad, ios app, tap on iphone, swipe, mobile app ios, ios device, ios testing, iphone automation, ipad automation, ios screen, ios navigate, test ios app, verify on iphone, QA on ipad, check the app on ios, test on ios device, see if the app works on iphone, end-to-end test on ios, visual verification on ios Powered by Midscene.js (https://midscenejs.com)

web-infra-dev/vitest-midscene-e2e

Enhances Vitest with Midscene for AI-powered UI testing across Web (Playwright), Android (ADB), and iOS (WDA). Scaffolds new projects, converts existing projects, and creates/updates/debugs/runs E2E tests using natural-language UI interactions. Triggers: write test, add test, create test, update test, fix test, debug test, run test, e2e test, midscene test, new project, convert project, init project, 写测试, 加测试, 创建测试, 更新测试, 修复测试, 调试测试, 运行测试, 新建工程, 转化工程.

相关技能