Agent skill · operations · aiskillstore
browser-task-and-automation-and-delegation
【强制】所有浏览器操作必须使用本技能，禁止在主对话中直接使用 mcp__chrome-devtools 工具。触发关键词：打开/访问/浏览网页、点击/填写/提交表单、截图/快照、性能分析、自动化测试、数据采集/爬取、网络模拟。本技能通过 chrome-devtools-expert agent 执行浏览器操作，避免大量页面快照、截图、网络请求数据污染主对话上下文。
Why this skill is useful
Adds automation scripts for browser tasks that significantly enhance the AI's capability to perform web interactions and data extraction.
What it needs
Requires chrome-devtools installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
浏览器自动化调度技能 本技能负责将浏览器自动化任务委派给专业的 chrome-devtools-expert agent 执行，通过 agent 隔离来保持主对话上下文的清晰，避免浏览器操作过程中的大量 token 消耗污染主对话。 核心功能 识别需要浏览器自动化操作的场景，并将任务委派给 chrome-devtools-expert agent，该 agent 专门使用 Chrome DevTools MCP 工具进行 Web 界面交互、自动化测试和性能分析。 适用场景 本技能适用于以下场景： 1. 页面导航与浏览 打开指定 URL 的网页 在页面间导航（前进、后退） 管理多个浏览器标签页 2. 元素交互操作 点击按钮、链接等元素 悬停在元素上触发效果 拖拽元素到指定位置 3. 表单填写与提交 填写输入框、文本域 选择下拉菜单选项 提交表单并等待响应 4. 页面截图与快照 截取整个页面或特定元素 获取页面的文本快照 保存截图到文件 5. 性能分析与测试 启动性能跟踪 分析页面加载性能 获取核心 Web 指标（CWV） 6. 自动化测试 执行功能测试流程 验证页面元素状态 检查控制台错误 7. 数据采集 从网页提取信息 执行 JavaScript 获取数据 监控网络请求 8. 网络与设备模拟 模拟不同网络条件 模拟 CPU 性能限制 调整页面尺寸 调用规则 1. 委派方式 使用 Task tool 调用 chrome-devtools-expert agent： 场景示例 示例 1：打开页面并截图 用户需求: "打开 example.com 并截图" 执行方式: 示例 2：表单自动化 用户需求: "帮我填写这个登录表单并提交" 执行方式: 示例 3：性能分析 用户需求: "分析这个页面的加载性能" 执行方式: 示例 4：自动化测试 用户需求: "测试购物车添加商品的功能" 执行方式: 示例 5：数据采集 用户需求: "从这个页面提取所有产品标题" 执行方式: 示例 6：网络条件测试 用户需求: "在慢速 3G 网络下测试页面加载" 执行方式: 示例 7：多步骤操作 用户需求: "打开网站，登录，然后导航到设置页面并截图" 执行方式: 执行原则 1. 自动识别: 当判断需要浏览器操作时，自动激活本技能 2. 快速委派: 不在主对话中尝试浏览器操作，直接委派给专业 agent 3. 上下文隔离: 将大量的浏览器输出数据隔离在 agent 上下文中 4. 结果精简: agent 只返回关键操作结果，过滤冗余信息 5. 效率优先: agent 会采用最优策略执行浏览器操作，最小化 token 消耗 通过本技能，主 agent 可以高效地将浏览器自动化任务委派给专业 agent，保持对话流程清晰，优化 token 使用。
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/browser-task-and-automation-and-delegation