推荐语
告别繁琐的UI自动化，直接抓取API请求实现高效稳定的浏览器操作！
核心内容：
1. 浏览器自动化的价值与现有方案的困境
2. OpenCLI通过解析API请求的创新解决方案
3. 详细的操作步骤与懒加载机制注意事项
杨芳贤
53AI创始人/腾讯云(TVP)最具价值专家
如今大量业务系统都跑在浏览器里——运营配置后台、工单处理系统、发布运维平台。如果能让这些系统自动运转，对提效和智能化运营的价值不言而喻。
但现实是，Agent 想操控浏览器，路并不好走。
核心想法很简单：不跟网页界面较劲，直接抓它背后的 API。
浏览器里看到的数据，本质上都是前端从某个接口拿回来的。把这个接口找出来、把请求复现出来，比点按钮靠谱得多。
npm install -g @jackwener/opencli
直接使用：
opencli list # 查看所有命令opencli list -f yaml # 以 YAML 列出所有命令opencli hackernews top --limit 5# 公共 API，无需浏览器opencli bilibili hot --limit 5# 浏览器命令opencli zhihu hot -f json # JSON 输出opencli zhihu hot -f yaml # YAML 输出
AI Agent 探索工作流
步骤 | 工具 | 做什么 |
0. 打开浏览器 | browser_navigate
| 导航到目标页面 |
1. 观察页面 | browser_snapshot
| 观察可交互元素（按钮/标签/链接） |
2. 首次抓包 | browser_network_requests
| 筛选 JSON API 端点，记录 URL pattern |
3. 模拟交互 | browser_click + browser_wait_for
| 点击"字幕""评论""关注"等按钮 |
4. 二次抓包 | browser_network_requests
| 对比步骤 2，找出新触发的 API |
5. 验证 API | browser_evaluate
| fetch(url, {credentials:'include'}) 测试返回结构
|
6. 写代码 | — | 基于确认的 API 写适配器 |
懒加载机制
> [!CAUTION]> **你（AI Agent）必须通过浏览器打开目标网站去探索！** > 不要只靠 `opencli explore` 命令或静态分析来发现 API。 > 你拥有浏览器工具，必须主动用它们浏览网页、观察网络请求、模拟用户交互。
### 为什么？
很多 API 是**懒加载**的（用户必须点击某个按钮/标签才会触发网络请求）。字幕、评论、关注列表等深层数据不会在页面首次加载时出现在 Network 面板中。**如果你不主动去浏览和交互页面，你永远发现不了这些 API。**
五级认证策略
OpenCLI 提供 5 级认证策略。使用 cascade 命令自动探测：
opencli cascade https://api.example.com/hot
策略决策树：
直接 fetch(url) 能拿到数据？ → ✅ Tier 1: public（公开 API，不需要浏览器） → ❌ fetch(url, {credentials:'include'}) 带 Cookie 能拿到？ → ✅ Tier 2: cookie（最常见，evaluate 步骤内 fetch） → ❌ → 加上 Bearer / CSRF header 后能拿到？ → ✅ Tier 3: header（如 Twitter ct0 + Bearer） → ❌ → 网站有 Pinia/Vuex Store？ → ✅ Tier 4: intercept（Store Action + XHR 拦截） → ❌ Tier 5: ui（UI 自动化，最后手段）适配器
你的 pipeline 里有 evaluate 步骤（内嵌 JS 代码）？ → ✅ 用 TypeScript (src/clis/<site>/<name>.ts)，保存即自动动态注册 → ❌ 纯声明式（navigate + tap + map + limit）？ → ✅ 用 YAML (src/clis/<site>/<name>.yaml)，保存即自动注册
外部CLI集成
也支持现有CLI直接集成到OpenCLI
CLI执行流程
下图展示从启动到执行的关键路径：入口加载命令清单，构建注册表；执行阶段根据策略与浏览器需求选择适配器或管道步骤，完成数据采集与输出。
AI 原生生成CLI流程
1.探索与分析：explore 深度抓取页面、自动滚动、拦截网络请求、识别框架与状态管理、推断能力与推荐参数。
2.策略选择：根据鉴权头/签名等特征自动选择策略（public/cookie/header/intercept/store-action）。
3.适配器合成：synthesize 基于探索产物生成候选 YAML，自动模板化 URL、字段映射与参数默认值。
4.测试与验证：generate 串联探索→合成→注册→验证，支持目标化选择与回退策略。
opencli record 采用“浏览器录制 - 智能回放”模式：启动浏览器后，捕获用户在目标 URL 上的交互行为及产生的网络请求。系统通过对请求序列进行评分排序与语义分析，自动生成可复用的 CLI 命令。- 请求体（Payload）缺失：目前的录制引擎仅捕获请求元数据（url, method, body: responseBody），未能完整提取 POST/PUT 等写操作中的 Request Body。
- 生成能力受限：由于缺乏关键参数载荷，自动化脚本生成逻辑目前仅能覆盖只读类接口（如列表查询、详情获取并输出 YAML），无法有效支撑写操作类接口（如创建、更新、删除）的命令生成，导致自动化闭环在“写入场景”中断。
QoderWork自动生成CLI
为了方便自动生成CLI命令，我整理了如下的Skill，其中CLI-ONESHOT.md和CLI-EXPLORER.md可在开源项目中自行下载。
SKILL.md
---name: openclidescription: "Generate CLI adapter files (YAML/TypeScript) for the opencli framework. Use when the user wants to create CLI commands, build adapters for websites or APIs, or interact with the opencli tool. Covers browser-based API discovery, authentication strategy selection, and adapter generation workflows."---
# OpenCLI Adapter Generator
## Overview
OpenCLI is a CLI framework that wraps website APIs into local command-line tools. This skill guides the agent through discovering APIs via browser exploration, selecting authentication strategies, and generating adapter files (YAML or TypeScript) placed in `~/.opencli/clis/{site}/{command}.yaml|.ts`.
## Workflow Modes
**Quick mode** (single command): Follow [CLI-ONESHOT.md](./references/CLI-ONESHOT.md) — just a URL + description, 4 steps.
**Full mode** (complex adapters): Read [CLI-EXPLORER.md](./references/CLI-EXPLORER.md) before writing any code. It covers: browser exploration workflow, auth strategy decision tree, platform SDKs (e.g. Bilibili `apiGet`/`fetchJson`), YAML vs TS selection, `tap` step debugging, cascading request patterns, and common pitfalls.
## Output Specification
All adapter files **must** be written to `~/.opencli/clis/{site}/{command}.yaml` or `.ts`. No other output locations or file formats (`.js`, `.json`, `.md`, `.txt`) are permitted.
Correct examples:- `~/.opencli/clis/aem/page-views.ts`- `~/.opencli/clis/twitter/lists.yaml`- `~/.opencli/clis/bilibili/favorites.ts`
## Supported Formats
| Format | Extension | When to use ||--------|-----------|-------------|| YAML | `.yaml` | Simple scenarios (Cookie/Public auth, straightforward flows) || TypeScript | `.ts` | Complex scenarios (Intercept capture, Header auth, multi-step logic) |
## Standard Workflow
1. **Create directory**: `mkdir -p ~/.opencli/clis/{site}`2. **Generate adapter file** at the correct path (YAML or TS)3. **Verify**: `opencli list | grep {site}` then `opencli {site} {command} {option}`
## Naming Conventions
| Element | Rule | Good | Bad ||---------|------|------|-----|| site | Lowercase, hyphens allowed | `aem`, `my-site` | `AEM`, `my_site` || command | Lowercase, hyphen-separated | `page-views`, `project-info` | `pageViews`, `project_info` |
## Pre-Generation Checklist
- [ ] Output path is `~/.opencli/clis/{site}/{command}.yaml` or `.ts`- [ ] Site name is lowercase (no uppercase, no underscores)- [ ] Command name uses hyphens (no spaces, no underscores)- [ ] File extension is `.yaml` or `.ts` only- [ ] Directory `~/.opencli/clis/{site}/` has been created
内部会画平台CLI化
BOSS招聘自动化案例展示
1.帮我和候选人沟通
2.统计招聘数据
未来的软件，不会只服务人，也会服务 Agent。
以前我们评价一个 SaaS，看的是界面顺不顺、按钮好不好点。但 Agent 不会欣赏你的按钮做得多圆。它只在乎一件事：能不能稳定调用你。
GUI 是给人用的。API 是能力底座。而 Agent 最喜欢的，其实是更清晰的执行面：命令、参数、返回值、失败原因。
未来软件可能会多一个新竞争维度：不是谁页面更好看。而是谁更容易被 Agent 理解、调用、验证，再接进工作流。唯有如此，才更有机会成为下一代工作流里的基础节点。
过去的软件竞争界面，未来的软件竞争可调用性。
粤ICP备14082021号
免费POC，
零成本试错
