agent-browser
Skill42 starsChanged 6 days agoMITView on GitHub
Browser automation through the repo agent-browser CLI. Explicit helper for navigation, forms, screenshots, scraping, and web-app checks. Prefer Browser Use or Playwright when available. Do NOT load for: sharing URLs, embedding links, or editing screenshot files.
- Installs packages
189 other projects use a version of this, 1 of them edited.
Adopted by
Most recently taken up by
- FimawLLC/fimaw-skillstheir own version, first seen Nov 15, 2026
- axiom-desu/ZCodiumtheir own version, first seen Nov 15, 2026
- moi-computer/moitheir own version, first seen Nov 15, 2026
- crbnos/carbontheir own version, first seen Nov 15, 2026
- kortix-ai/sunatheir own version, first seen Nov 15, 2026
- AIBiz-Automatyzacje/claude-code-startertheir own version, first seen Nov 14, 2026
Used with
Projects with it also use time-skill, dep-refs and 10 more.
Other files people use alongside this one.
Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
Recepay6358Skilltime-skill
Display the current time in Pakistan Standard Time (PKT, UTC+5). Use when the user asks for the current time, Pakistan time, or PKT.
Also in 6 projects that use this
betacatslingSkilldep-refs
Use when needs to inspect TypeScript export references in the z-code workspace, list exports from a file, verify whether an export is unused before deletion, investigate who imports a symbol during refactors, or combine pnpm knip unused-export results with pnpm dep:refs symbol-level reference tracing.
Also in 5 projects that use this
- betacatslingSkill
feature-boundary-planner
Map a ZCode behavior change to current UI surfaces, state owners, protocol commands, persistence, and validation. Use for impact analysis, product-boundary planning, or an implementation handoff grounded in the checked-out source.
Also in 5 projects that use this
nicepkgSkillcommunity-led-growth
Expert in community-led growth (CLG) - leveraging user communities to drive acquisition, retention, and expansion. Covers building developer communities, user groups, ambassador programs, and turning customers into advocates. Knows the difference between community as a feature vs community as a growth engine, and how to measure community ROI. Use when "community-led, CLG, ambassador program, champion program, user community, developer community, word of mouth, user group, " mentioned.
Also in 5 projects that use this
- nicepkgSkill
ph-community-outreach
Engage Reddit, Indie Hackers, Hacker News and other communities for Product Hunt launches. Use this skill to identify relevant communities, craft appropriate posts, and drive cross-platform engagement without appearing spammy.
Also in 5 projects that use this
- Recepay6358Skill
weather-svg-creator
Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-workflow/output.md.
Also in 6 projects that use this
- +3 more from nicepkg
Other versions189 projects use a version of this.
Word for word · 0
None found.
Edited · 1
- Chachamaru127/claude-code-harness★ 3.2k32% same
Wrote their own version · 188
- shanraisshan/claude-code-best-practice★ 69ksame name
- vercel-labs/agent-browser★ 51ksame name
- moeru-ai/airi★ 51ksame name
- activepieces/activepieces★ 26ksame name
- slopus/happy★ 25ksame name
- kortix-ai/CompanyOS★ 21ksame name
- kortix-ai/suna★ 21ksame name
- eosphoros-ai/DB-GPT★ 20ksame name
- documenso/documenso★ 16ksame name
- emdash-cms/emdash★ 14ksame name
178 more not listed
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository32 other files it gives its agents.
- CLAUDE.mdCLAUDE.md
- authSkill
- ciSkill
- crudSkill
- deploySkill
- harness-acceptSkill
- harness-loopSkill
- harness-plan-briefSkill
- harness-planSkill
- harness-progressSkill
- harness-releaseSkill
- harness-reviewSkill
- harness-setupSkill
- harness-syncSkill
- harness-workSkill
- maintenanceSkill
- memorySkill
- principlesSkill
- research-harness-auditSkill
- research-harness-cleanSkill
- research-harness-planSkill
- research-harness-releaseSkill
- research-harness-reviewSkill
- research-harness-setupSkill
- research-harness-workSkill
- session-controlSkill
- session-initSkill
- session-memorySkill
- sessionSkill
- session-stateSkill
- uiSkill
- workflow-guideSkill
The file
We split this skill into the rules it gives an agent
2 rules. 0 are common, 1 is distinctive, and 1 is very specific to this project.
0
Common
Most of the 173 edited versions we read keep these.
1
Distinctive
This author's own choices. Worth a look.
1
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Very specific: line 184
Use --headed to show the browser
- Distinctive: line 186
Use sessions for sites requiring authentication
“Common” is measured: kept by at least 6 in 10 of the 173 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Agent Browser Skill
A skill for browser automation. Uses the agent-browser CLI to perform UI debugging, verification, and automated interaction.
Trigger Phrases
This skill is automatically invoked by the following phrases:
- "Open this page", "Check the URL"
- "Click on", "Type into", "Fill the form"
- "Take a screenshot"
- "Check the UI", "Test the screen"
- "open this page", "click on", "fill the form", "screenshot"
Features
| Feature | Details |
| Browser Automation | See references/browser-automation.md |
| AI Snapshot Workflow | See references/ai-snapshot-workflow.md |
Execution Steps
Step 0: Verify agent-browser
# Check installation
which agent-browser
# If not installed
npm install -g agent-browser
agent-browser installStep 1: Classify the User's Request
| Request Type | Action |
| Open a URL | agent-browser open <url> |
| Click an element | Snapshot → agent-browser click @ref |
| Fill a form | Snapshot → agent-browser fill @ref "text" |
| Check state | agent-browser snapshot -i -c |
| Take screenshot | agent-browser screenshot <path> |
| Debug | agent-browser --headed open <url> |
Step 2: AI Snapshot Workflow (Recommended)
For most operations, first take a snapshot and then interact using element references:
# 1. Open the page
agent-browser open https://example.com
# 2. Take a snapshot (AI-optimized, interactive elements only)
agent-browser snapshot -i -c
# Sample output:
# - link "Home" [ref=e1]
# - button "Login" [ref=e2]
# - input "Email" [ref=e3]
# - input "Password" [ref=e4]
# - button "Submit" [ref=e5]
# 3. Interact via element references
agent-browser click @e2 # Click Login button
agent-browser fill @e3 "user@example.com"
agent-browser fill @e4 "password123"
agent-browser click @e5 # SubmitStep 3: Verify the Result
# Check current state via snapshot
agent-browser snapshot -i -c
# Or check the URL
agent-browser get url
# Take a screenshot
agent-browser screenshot result.pngQuick Reference
Basic Operations
| Command | Description |
open <url> | Open a URL |
snapshot -i -c | AI-optimized snapshot |
click @e1 | Click an element |
fill @e1 "text" | Fill a form |
type @e1 "text" | Type text |
press Enter | Press a key |
screenshot [path] | Take a screenshot |
close | Close the browser |
Navigation
| Command | Description |
back | Go back |
forward | Go forward |
reload | Reload |
Retrieving Information
| Command | Description |
get text @e1 | Get text |
get html @e1 | Get HTML |
get url | Current URL |
get title | Page title |
Waiting
| Command | Description |
wait @e1 | Wait for element |
wait 1000 | Wait 1 second |
Debugging
| Command | Description |
--headed | Show browser |
console | Console logs |
errors | Page errors |
highlight @e1 | Highlight element |
Session Management
Manage multiple tabs/sessions in parallel:
# Specify a session
agent-browser --session admin open https://admin.example.com
agent-browser --session user open https://example.com
# List sessions
agent-browser session list
# Operate in a specific session
agent-browser --session admin snapshot -i -cChoosing Between agent-browser and MCP Browser Tools
| Tool | Recommendation | Use Case |
| agent-browser | ★★★ | First choice. Powerful AI-optimized snapshots |
| chrome-devtools MCP | ★★☆ | When Chrome is already open |
| playwright MCP | ★★☆ | Complex E2E testing |
Principle: Try agent-browser first; use MCP tools only if it doesn't work.
Notes
- agent-browser runs in headless mode by default
- Use
--headedto show the browser - Sessions persist until explicitly
closed - Use sessions for sites requiring authentication
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.