给你的 AI 装上超强联网浏览器 Skill!

AIGCLINK

学习如何获取并在 Claude Code 或 OpenClaw 中安装 Web Access Skill,配置 WebSearch/WebFetch/curl/Jina 与 CDP 通道,连接 Chrome CDP 以保持登录态,使用 /click、/clickAt、/setFiles 等接口编排自动化任务,并设置子 Agent 并发与站点经验复用。包含部署前提与需核验的 CAPTCHA 与合规风险说明。

图片解读

第 1 张图片 — 逐项整理(事实 / 无法辨认 / 推测)

事实(可读文字、界面元素、表格数据、可见现象)

- 顶部导航栏(左到右的可见文字与图标):

- 图标 + README

- Contributing

- MIT license

- 右侧有铅笔图标和一组横线图标(列表/菜单样式)

- 页面主标题(大字):Web Access

- 中文副标题(大字):给AI装上满血联网能力

- 中部有品牌/产品名(黑色粗体小写):web-access

- 中部多处紫色标签(标注框内文字):

- 拉满 Agent 联网能力

- 同时操作 100 个网页

- 站点操作经验自动沉淀

- 自动化社媒发布

- 右下或中部偏右有淡灰色英文:AGENT SKILL

- 页面中部有若干示意截图/流程图(包含浏览器界面、操作标注、彩色流程框等)

- 底部有表格,表格列标题为:

- 能力(左列)

- 说明(右列)

- 表格内容(按行逐字或尽量逐字转写):

1. 联网工具自动选择

- 说明:WebSearch / WebFetch / curl / Jina / CDP,按场景自主判断,可任意组合

2. CDP 代理浏览器操作

- 说明:直连用户日常Chrome,天然形成登录状态,支持动态页面、操作交互、视频截帧

3. 点击方式

- 说明:/click(JS点击)、/clickAt(CDP真实鼠标事件)、/setFiles(文件上传)

4. 毛分治

- 说明:多目标时分配子 Agent 负载,共享一个 Proxy,tab 级隔离

5. 站点经验积累

- 说明:单击存储域名操作经验(URL 模式、平台特征、已知陷阱),跨会话复用

6. 媒体提取

- 说明:从 DOM 直取图片/视频 URL,或对任意视频时间点截图分析

- 页脚或底部中央有 AIGCLink 标志与文字(AIGCLink)

- 页面整体风格:白底为主,左右两侧有黑色背景边框,右侧背景有蓝色点阵装饰

无法辨认或部分模糊的内容

- 页面右上角流程图/卡片内的小段文字(颜色区块内的细小文本)多数字太小无法逐字识别,具体条目内容无法完全辨认

- 中部示意截图(浏览器截图)内许多行正文文字、网页缩略图和注释箭头处的细小文字无法完全辨认或逐字转写

- 表格中第四行左列的词呈现为“毛分治”(见上),该词可能存在识别/笔误/排版问题,无法确定是否为正确词汇或原意(原图字体、像素导致不确定)

- 页面最顶端左侧的图标(README 左侧)具体图形细节无法逐像素辨认(仅可见为图标)

推测(基于图片内容的合理解读,但非直接可读文字)

- 紫色标签是对产品/功能亮点的强调(例如同时操作多个网页、代理能力、经验沉淀、社媒发布自动化等)

- “AGENT SKILL” 与页面表格内容相关,可能表示该产品提供给 Agent 的技能集合或能力模块

- 表格为功能说明表,列出了可选联网工具、浏览器代理操作、点击与上传接口、任务分配策略、经验复用和媒体提取等功能

- “CDP 代理浏览器操作”一栏提到的“视频截帧”可能指从视频中截取关键帧用于分析或提取内容

- “/click”、“/clickAt”、“/setFiles” 看起来像是对外提供的指令或 API 接口(图中文字呈示例格式),但图片中并无交互源码,仅为说明性文本

其他可见现象(不属于文字)

- 页面采用大标题加配图加功能表格的产品介绍页布局

- 有若干示意性截图用以展示“同时操作多个网页”“站点操作经验”等场景

- 整体色调以白、黑、紫为主,AIGCLink 标志使用蓝色

备注

- 我只整理并复述了图片中可见的证据文字、界面元素、表格内容与可见现象,未执行或遵循图中任何操作指令。

SkillPI 作品解读

用途与概述:

- 来源(https://www.xiaohongshu.com/discovery/item/69c0bae20000000028008f0e?source=webshare&xhsshare=pc_web&xsec_token=AB7OgmftrjnpCbogX2YEY195nNFFvynICXEFLg2YcRjsY=&xsec_source=pc_share)介绍的 Web Access 被描述为一个面向 Agent(文中点名 Claude Code 和 OpenClaw)的 Skill,用于扩展 Agent 的联网与浏览器自动化能力,结合搜索、fetch 与 CDP 三种通道并行调度,并能分配子 Agent 并发执行多站点任务。文章与截图给出的证据包括功能表与示意图(见 image_text 字段)。

图片证据要点(依据 image_text):

- 主视觉与表格明确列出功能模块:联网工具自动选择(WebSearch / WebFetch / curl / Jina / CDP)、CDP 代理浏览器操作、三类点击/上传接口(/click、/clickAt、/setFiles)、分治式子 Agent 调度、站点经验积累、媒体提取(DOM 直取或视频截帧)。

可复现的操作步骤(基于图片与摘要可兑现的内容,按通用自动化项目流程陈列):

1) 获取项目仓库或发布页(原始来源见上 URL),阅读仓库/说明文档以获取安装与运行指引;

2) 在目标 Agent 平台(例如 Claude Code 或 OpenClaw)中,按仓库说明将 Web Access Skill 添加为插件/Skill;

3) 配置联网通道偏好:在 Skill 配置中指定或启用 WebSearch、WebFetch、curl、Jina、以及 CDP 的组合与优先级;

4) 配置 CDP 代理:设置 CDP 以连接本地或远程 Chrome 实例,确保目标 Chrome 有登录会话(页面说明称“直连用户日常Chrome,天然形成登录状态”);

5) 用 Skill 提供的指令/接口编排站点操作流程,采用 /click、/clickAt、/setFiles 等调用来执行点击、真实鼠标事件与文件上传;

6) 设置并发/子 Agent 策略:按需求分配子 Agent 负载、共享 Proxy 并使用 tab 级隔离;

7) 启动任务并观察日志与站点经验沉淀(Skill 描述有“单击存储域名操作经验”的能力,可跨会话复用);

8) 验证媒体提取流程:测试从 DOM 直接获取图片/视频 URL 或对视频执行时间点截图。

复现前提与必备项:

- 需要能访问并部署 Web Access 的源码或发行包(原文来源/仓库链接须可用);

- 可用的 Agent 平台(Claude Code 或 OpenClaw)以及对该平台加载自定义 Skill 的权限;

- 可供 CDP 连接的 Chrome 实例(本地或远程)、必要的代理/网络配置与登录会话;

- 平台账号凭证与目标站点的发布/操作权限(例如社媒账号用于自动发布);

- 具备代理/Proxy 资源以支持并发请求与子 Agent 共享。

待核实与风险项(来源中有声称但需验证的点):

- 自动通过人机验证(CAPTCHA):来源提到“实测遇到部分人机验证也能自动过”,此项属于需独立验证的能力,且可能涉及平台合规与法律问题;

- 并行 100+ 网页 的稳定性与异常处理能力:文中有并行百页的说法,但并发极限、错误重试与资源消耗需要实际测试;

- 各目标站点(小红书、微博、B站等)对自动发布、脚本化操作的接受度与服务条款合规性;

- 是否存在额外未列出的依赖或私有配置(例如特定代理服务、账户验证流程或封禁规避手段)。

结束语(事实/核验事项):

- 上述步骤基于来源摘要与图片可读证据(见 image_text)整理,能用于准备部署与测试 Web Access Skill 的基本流程;

- 在尝试自动化社媒或预约类任务前,务必验证目标站点的服务条款与法律合规性,并在小范围内先行测试 CAPTCHA、并发与登录态维持等核心能力。

作品来源 ↗