Vector 浏览器自动化
将以下提示词粘贴到你的 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 网络检查页面行为。