Agent Skills
返回列表
📊

Vector 浏览器自动化

数据分析 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/vector-zh。

技能介绍

解决什么问题

浏览器任务常卡在页面结构变化、选择器失效、缺少证据和输出不稳定。若只是复制网页文本或用像素点击,任务容易随 UI 调整失败,也无法审计每一步。Vector 把浏览器操作约束为可观察流程:先验证环境,再按 RECON → PLAN → EXECUTE → COLLECT → REPORT 执行,输出状态、日志、截图、数据与错误摘要。

工作方式

它围绕 Playwright MCP 和 CDP 工作,优先使用可访问性快照而不是纯视觉识别。常见路径包括:

  • 数据收集:用 getByRole、getByLabel 或 data-testid 提取页面结构,保存为 JSON/CSV。
  • 表单与证据:填写、提交、上传前后截图,记录控制台与网络错误。
  • 网络分析:通过 CDP 捕获 HAR、请求/响应和控制台日志。
  • 特殊场景:移动模拟、并行会话、视觉模式回退处理 shadow DOM 或画布元素。

适用边界

适合需要浏览器交互的取证、抓取、表单和复现任务;若数据可通过公共 API 获取,应优先 API。它不鼓励绕过验证码、付费墙或违反 ToS 的抓取,也不应在共享生产凭据的配置文件中执行敏感操作。

使用场景

  • 排查 Web 应用登录失败时,打开目标页面、执行登录流程,并导出控制台错误、网络请求和 HAR 文件作为证据。
  • 把多个供应商后台的订单表逐页抓取成 JSON/CSV,并在保存前按字段模式校验数据格式。
  • 自动化填写并提交内测申请表单,在提交前后截图,同时记录上传失败、控制台报错和网络响应。
  • 验收移动端页面时,模拟 iPhone 视口、触摸手势和 3G 网络,检查按钮点击、表单回退和页面加载行为。

适合人员

  • 负责 Web 验收的前端工程师,需要把页面异常复现成带截图、控制台日志和 HAR 文件的证据包。
  • 需要结构化抓取后台报表的数据分析师,希望把多页表格转成 JSON/CSV 并做格式校验。
  • 做流程自动化的运营工程师,需要填写、提交或上传表单,并保留操作前后状态截图。
  • 关注移动端兼容性的 QA 工程师,想模拟 iPhone 视口、触摸交互和 3G 网络检查页面行为。