chrome
通过WebSocket桥接网页与服务器，便捷控制网页资源和执行函数。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：chrome。 它的用途是：通过WebSocket桥接网页与服务器，便捷控制网页资源和执行函数。 完整的 Skill 内容见：https://321skill.com/skills/chrome-chrome-extension-bridge-mcp/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我在目标网页中自动填写这个表单并提交。”，它会通过WebSocket向已连接的网页发送指令，定位表单元素，填入指定数据，并触发提交事件。或者
对AI说：“监控这个页面所有的XHR请求，并把包含特定关键词的响应内容发回给我。”，它会注入监控脚本，并通过WebSocket将过滤后的请求数据实时推送回来。
介绍
Chrome Skill 旨在解决网页自动化与远程控制中的割裂问题。传统方式下，服务器难以直接、安全地访问和操作浏览器中的DOM元素、执行JavaScript函数或监控网络请求。该Skill通过在浏览器中注入一个WebSocket客户端，并与本地或远程服务器建立连接，构建了一座双向通信的桥梁，使得外部程序能够以编程方式对网页进行深度交互。
使用方式非常直接。开发者只需在目标网页中加载此扩展程序（或通过脚本注入），并启动配套的服务器端程序。随后，通过WebSocket协议发送标准化的指令，即可远程触发页面内的函数调用、获取DOM内容、模拟用户交互（如点击、输入）或拦截修改网络请求，实现了对网页的“遥控”。
它非常适合需要进行网页自动化测试、数据抓取、批量操作或构建与网页深度集成的智能体应用的开发者。无论是前端开发者希望进行复杂的E2E测试，还是数据分析师需要从动态网页中稳定提取数据，都能从中受益。
建议在使用前充分理解目标网页的结构，并确保操作符合网站的使用条款。由于涉及注入和远程控制，在敏感或生产环境页面使用时应格外谨慎，最好在开发或测试环境中先行验证。
核心特点
与单纯基于Puppeteer或Selenium的远程控制不同，它通过常驻的WebSocket连接实现实时、双向的网页交互，允许服务器主动向网页推送指令并接收回调，更适合需要网页与后端服务持续对话的动态场景。
注意事项
不适合需要完全无头（Headless）或大规模并发爬取的场景，其性能依赖于单个浏览器实例和WebSocket连接的稳定性。
常见问题
这个Skill和Puppeteer有什么区别？
Puppeteer是控制整个浏览器，而此Skill是嵌入网页内部，通过WebSocket实现网页内容与外部服务的实时、精细交互。
需要修改目标网站的代码吗？
通常不需要，可以通过浏览器扩展或脚本注入的方式加载，但对复杂SPA应用可能需要适配其框架生命周期。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/chrome-chrome-extension-bridge-mcp/raw/index.md 读取 chrome 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/chrome-chrome-extension-bridge-mcp/raw/index.md（查看排版版本）