shanraisshan/claude-code-best-practice✦ 精选0°

agent-browser

仓库创建 2025年10月31日最近提交 3 小时前SkillHot 收录 20 天前

⬈ GitHub 仓库 ⬈ SKILL.md 原文件 ⬇ Raw 原始文件

▸ 精选理由

作为代理执行交互式网页任务的基础技能，流程清晰易用。

▸ 风险提示

会访问外部网站，可能触发远程请求或自动化误操作

这个 Skill 做什么

为代理提供网页导航、快照元素、交互与数据提取的自动化能力。

给代理加上自动化浏览器能力：能打开页面、快照元素、填写表单、点击按钮、截屏和抓取数据，适合需要测试 web 应用、登录或大规模爬取的场景。特色是以 snapshot 元素引用为核心的交互流程，操作可重复且便于编排自动化步骤。

▸ 展开 SKILL.md 英文原文

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

自动化集成浏览器自动化DOM 交互截图通用

6.4w

Stars

6.3k

Forks

仓库内 Skill

+1.4k

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/shanraisshan/claude-code-best-practice/main/.claude/skills/agent-browser/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/shanraisshan/claude-code-best-practice/main/.claude/skills/agent-browser/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Browser Automation with agent-browser

## Core Workflow

Every browser automation follows this pattern:

1. **Navigate**: `agent-browser open <url>`
2. **Snapshot**: `agent-browser snapshot -i` (get element refs like `@e1`, `@e2`)
3. **Interact**: Use refs to click, fill, select
4. **Re-snapshot**: After navigation or DOM changes, get fresh refs

```bash
agent-browser open https://example.com/form
agent-browser snapshot -i
# Output: @e1 [input type="email"], @e2 [input type="password"], @e3 [button] "Submit"

agent-browser fill @e1 "user@example.com"
agent-browser fill @e2 "password123"
agent-browser click @e3
agent-browser wait --load networkidle
agent-browser snapshot -i  # Check result

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有