Agent skill · AI & Agents

browser

Web browser automation with AI-optimized snapshots for claude-flow agents

rUv71,307★ · +1,002/wk · 3 repos on radarProfile →
claude-codecodexMIT
Install
npx skills add ruvnet/ruflo --skill browser --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 5 KB
Bundled scripts: none
Version: 1.0.0
Path: .claude/skills/browser/SKILL.md
Open the folder on GitHub →
Where it comes from
Source: ruvnet/ruflo
Stars: 67,015 · +629 this week
Language: TypeScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Browser Automation Skill Web browser automation using agent-browser with AI-optimized snapshots. Reduces context by 93% using element refs (@e1, @e2) instead of full DOM. ## Core Workflow ```bash # 1. Navigate to page agent-browser open <url> # 2. Get accessibility tree with element refs agent-browser snapshot -i # -i = interactive elements only # 3. Interact using refs from snapshot agent-browser click @e2 agent-browser fill @e3 "text" # 4. Re-snapshot after page changes agent-browser snapshot -i ``` ## Quick Reference ### Navigation | Command | Description | |---------|-------------| | `open <url>` | Navigate to URL | | `back` | Go back | | `forward` | Go forward | | `reload` | Reload page | | `close` | Close browser | ### Snapshots (AI-Optimized) | Command | Description | |---------|-------------| | `snapshot` | Full accessibility tree | | `snapshot -i` | Interactive elements only (buttons, links, inputs) | | `snapshot -c` | Compact (remove empty elements) | | `snapshot -d 3` | Limit depth to 3 levels | | `screenshot [path]` | Capture screenshot (base64 if no path) | ### Interaction | Command | Description | |---------|-------------| | `click <sel>` | Click element | | `fill <

What's inside
Steps it walks through
  1. Core Workflow
  2. Quick Reference
  3. Navigation
  4. Snapshots (AI-Optimized)
  5. Interaction
  6. Get Info
  7. Wait
  8. Sessions
  9. Selectors
  10. Element Refs (Recommended)
  11. CSS Selectors
  12. Semantic Locators
  13. Examples
  14. Login Flow
Commands it runs
agent-browser open <url>
agent-browser snapshot -i    # -i = interactive elements only
agent-browser click @e2
agent-browser fill @e3 "text"
agent-browser snapshot -i
Get refs from snapshot
Use ref to interact
agent-browser click "#submit"
agent-browser fill ".email-input" "test@test.com"
agent-browser find role button click --name "Submit"
More from ruflo
All skills →
About this skill
What does the browser skill do?

Web browser automation with AI-optimized snapshots for claude-flow agents

How do I install it?

Run `npx skills add ruvnet/ruflo --skill browser --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From ruvnet/ruflo, a repository with 67,015 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going