菜单
操作用户真实的 Chrome 浏览器：点击、填写、截图、提取数据。当用户要求查看网页内容、抓取页面数据、填写表单、网页截图或浏览器自动化时使用此技能。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
生成可交互的 HTML 可视化组件 — 算法动画、数据图表、概念演示、交互式教程等。当用户需要交互式演示、动画解释、数据探索、UI 原型等场景时触发，直接输出 html 代码块，前端会在安全沙箱中渲染为可交互组件。
生成精美的纯 HTML+CSS 信息图 — 时间线、流程、对比分析、SWOT、金字塔、漏斗、数据卡片、组织架构等。无需外部依赖，在沙箱 iframe 中渲染。适合将结构化信息以海报级视觉效果呈现。
用 Mermaid 语法生成可视化图表 — 流程图、架构图、序列图、ER 图、甘特图、状态图、思维导图、饼图等结构化图表。当用户要求画图/画架构图/画流程图等结构化可视化需求时触发，直接输出 mermaid 代码块，前端会自动转换为 HTML 并在沙箱 iframe 中渲染。
用 SVG 生成精美的架构图、流程图、时序图、层级图、对比图等结构化图表。直接输出 ```html 代码块（内含 SVG），前端在沙箱 iframe 中渲染。效果比 Mermaid 更美观、布局更灵活。
复盘当前对话——回顾任务过程、总结经验教训、主动沉淀可复用的 skill。当用户要求"复盘"、"反思"、"总结一下刚才"、"有什么值得记住的"时使用。
Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files). Triggers include: any mention of 'Word doc', 'word document', '.docx', or requests to produce professional documents with formatting like tables of contents, headings, page numbers, or letterheads. Also use when extracting or reorganizing content from .docx files, inserting or replacing images in documents, performing find-and-replace in Word files, working with tracked changes or comments, or converting content into a polished Word document. If the user asks for a 'report', 'memo', 'letter', 'template', or similar deliverable as a Word or .docx file, use this skill. Do NOT use for PDFs, spreadsheets, Google Docs, or general coding tasks unrelated to document generation.
| name | Abu-Browser |
| description | 操作用户真实的 Chrome 浏览器：点击、填写、截图、提取数据。当用户要求查看网页内容、抓取页面数据、填写表单、网页截图或浏览器自动化时使用此技能。 |
| trigger | 用户要求操作浏览器、查看或抓取网页内容、网页截图、填写网页表单、点击网页按钮、浏览器自动化、从浏览器中提取数据 |
| do-not-trigger | 用户要求用 Playwright 做自动化测试、讨论浏览器技术原理、只是提到"浏览器"一词但无实际操作需求 |
| user-invocable | true |
| context | inline |
| tags | ["browser","automation","chrome"] |
!curl -s --max-time 2 http://127.0.0.1:9875/status 2>/dev/null || echo '{"bridge":"offline"}'
根据上面的返回结果判断当前状态，按以下逻辑执行：
"bridge":"offline" 或返回为空 → 调用 manage_mcp_server(action: "ensure", name: "abu-browser-bridge")
connected 或 reconnected：继续 Step 2needs_config：告诉用户缺少配置（一般不会出现）install_failed：告诉用户安装失败，可能需要检查网络或 Node.js 环境wsPort 字段 → 桥接服务已在运行，继续 Step 2!command`` 输出中 extensionConnected: true → 环境就绪，跳到「执行用户任务」extensionConnected: false → 执行扩展安装引导：Abu 安装目录中内置了 Chrome 扩展文件。严格按以下步骤执行：
extensionPath 行获取）我帮你打开了插件文件夹，三步搞定：
chrome://extensions 回车禁止事项：
前两步都通过后，简短告诉用户"已连接到你的浏览器"，然后立即执行用户的原始请求。不要等用户再说一遍。
根据任务复杂度，决定是否需要加载参考文档：
简单任务（截图、读取文字、单次点击）→ 用下方快速参考直接执行，不加载文件
中等任务（表单填写、多步交互）→ read_skill_file("guide-form-filling.md")
复杂任务（批量抓取、跨页操作）→ read_skill_file("guide-scraping.md")
自动化任务（录制回放、定时执行）→ read_skill_file("guide-rpa.md")
Available reference files (use read_skill_file tool to load when needed):
abu-browser-bridge__get_tabs 获取所有标签页focused: true 的标签页——那是用户正在看的snapshot 获取页面结构和元素 ref 编号tabId 必须传数字（如 1203797111），不能加引号get_tabs 获取最新状态，不要复用旧数据get_tabs → extract_text / extract_table / snapshotget_tabs → snapshot（拿到 ref）→ click / fill / selectget_tabs → screenshot（可视区域）/ screenshot_full_page（整页）wait_for 等待页面变化再继续下一步screenshot 让用户确认snapshot，页面可能已变化keyboard 快捷键替代click 确认焦点再 fillwait_for 设置更长超时abu-browser-bridge__ 开头的工具操作用户真实浏览器playwright__ 工具——那会启动一个全新的空白浏览器，不是用户正在用的