Agent skill

Agent Browser

by quran in quran/quran.com-frontend-next

Automates browser interactions for web testing, form filling, screenshots, and data extraction.

No licenceAuto-check passedProductivity & Automation

Install Agent Browser

skills CLI
$ npx skills add quran/quran.com-frontend-next --skill agent-browser -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install quran/quran.com-frontend-next agent-browser --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/quran/quran.com-frontend-next.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/agent-browser .claude/skills/agent-browser && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
agent-browser
GitHub stars
1.9k
Used in
41 other repos
Token cost
~3.3k tokens
SKILL.md length
215 words
Files
9 (incl. references)
Skills in repo
4
Repo updated
First seen
Licence
None found

At a glance

Automates browser interactions for web testing, form filling, screenshots, and data extraction.

  • Works in 4 steps: Navigate: agent-browser open → Snapshot: agent-browser snapshot -i… → Interact using refs from the snapshot → …
  • The user needs to navigate websites
  • SKILL.md covers Quick start, Core workflow, Commands and Global options, plus 7 more sections
  • Runs Shell scripts from its folder; reaches proxy.com

What it does

Agent Browser is an agent skill from quran/quran.com-frontend-next. Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

Its SKILL.md is about 3.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including reference files (for example `references/authentication.md`, `references/proxy-support.md` and `references/session-management.md`).

It sits in Productivity & Automation, covering Browser automation and Forms and invoices. The repository describes itself as: Frontend build on next.js.

When your agent uses it

  • The user needs to navigate websites
  • Interact with web pages
  • Take screenshots
  • Test web applications

Example prompts

  • “Use the agent-browser skill to automate browser interactions for web testing, form filling, screenshots, and data extraction”
  • “/agent-browser”

Requirements

  • A Bash shell
  • Pre-approved tools (allowed-tools): Bash(agent-browser:*)

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Navigate: agent-browser open
  2. Snapshot: agent-browser snapshot -i (returns elements with refs like @e1, @e2)
  3. Interact using refs from the snapshot
  4. Re-snapshot after navigation or significant DOM changes

What it can do on your machine

Read from SKILL.md and the folder at commit aff1a03. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Bash(agent-browser:*)

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (Shell), which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • proxy.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Agent Browser loads about 3.3k tokens when it runs, and up to ~8.3k if it reads all its reference files. Until then it costs about 68 tokens; SKILL.md has 215 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~68
When it runs · the whole SKILL.md, loaded when a task matches
~3.3k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~8.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 215 words (~3,333 tokens).

“Recording creates a fresh context but preserves cookies/storage from your session. If no URL is provided, it automatically returns to your current page. For smooth demos, explore first, then start recording.”

— opening of SKILL.md by quran
name
agent-browser
allowed-tools
Bash(agent-browser:*)

Read the full SKILL.md on GitHub

Files

SKILL.md and 8 other files (references) in .agents/skills/agent-browser of quran/quran.com-frontend-next.

  • SKILL.md
  • references/authentication.md
  • references/proxy-support.md
  • references/session-management.md
  • references/snapshot-refs.md
  • references/video-recording.md
  • templates/authenticated-session.sh
  • templates/capture-workflow.sh
  • templates/form-automation.sh

Open the folder on GitHubat commit aff1a03

Used in at least 37 other repositories

We found 67 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 41 other GitHub owners. This page covers the copy in quran/quran.com-frontend-next, which our catalogue first saw on October 7, 2026.

…and 17 more copies not listed here.

Compare with similar skills

Agent Browser next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Agent Browser compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Agent Browser this skillquran/quran.com-frontend-next1.9k41 repos~3.3kAutomated safety check: PassNone
Browser Usecacity/VideoHub1673 repos~2.2kAutomated safety check: WarnMIT
Browse Nownowledge-co/community185—~619Automated safety check: PassNone
Sortedglebis/claude-skills388—~2kAutomated safety check: PassMIT
BrowserVibiumDev/vibium2.9k—~4.8kAutomated safety check: PassApache-2.0
Actionbookactionbook/actionbook1.6k—~1.5kAutomated safety check: PassApache-2.0

Similar skills

  • Browser Use

    cacity/VideoHub

    Automates browser interactions for web testing, form filling, screenshots, and data extraction.

    167 GitHub starsUsed in 3 repos~2.2k tokens
    Productivity & AutomationAuto-check: warnings
  • Browse Now

    nowledge-co/community

    Control the user's actual browser through the browse-now CLI when a task needs authenticated pages, dynamic interaction, form filling, screenshots, or other browser automation that web search cannot…

    185 GitHub stars~619 tokensUpdated today
    Productivity & AutomationAuto-check passed
  • Sorted

    glebis/claude-skills

    Automate getSorted.de (Sorted) for freelancer invoicing, expense tracking, and German tax submissions (VAT, ZM, annual returns).

    388 GitHub stars~2k tokensUpdated 11 days ago
    Productivity & AutomationAuto-check passed
  • Browser

    VibiumDev/vibium

    Automate browsers with the Vibium CLI. An agent skill from VibiumDev/vibium.

    2.9k GitHub stars~4.8k tokensUpdated today
    Productivity & AutomationAuto-check passed
  • Actionbook

    actionbook/actionbook

    Activate when the user needs to interact with any website — browser automation, web scraping, screenshots, form filling, UI testing, monitoring, or building AI agents.

    1.6k GitHub stars~1.5k tokensUpdated 29 days ago
    Productivity & AutomationAuto-check passed
  • Browser Use

    letta-ai/letta-code

    Control a real browser to navigate pages, click, type, fill forms, inspect rendered UI, take screenshots, or record video.

    3.5k GitHub stars~3.3k tokensUpdated today
    Productivity & AutomationAuto-check passed

More from quran/quran.com-frontend-next

  • Generate Verified Docs

    quran/quran.com-frontend-next

    Generates audit-grade, hallucination-free documentation from codebase features with full traceability.

    1.9k GitHub stars~1.8k tokensUpdated 5 mo ago
    Auto-check passed
  • Review

    quran/quran.com-frontend-next

    Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility.

    1.9k GitHub stars~1.1k tokensUpdated 5 mo ago
    Auto-check passed
  • Test Plan

    quran/quran.com-frontend-next

    Generates a comprehensive testing plan based on the current branch changes or a specific PR.

    1.9k GitHub stars~1.4k tokensUpdated 5 mo ago
    Auto-check passed

Questions about Agent Browser

What does Agent Browser do?

Automates browser interactions for web testing, form filling, screenshots, and data extraction. com-frontend-next. Automates browser interactions for web testing, form filling, screenshots, and data extraction.

When should I use Agent Browser?

Agent Browser fits situations like: the user needs to navigate websites; interact with web pages; take screenshots; test web applications.

How do I install Agent Browser in Claude Code?

Run `npx skills add quran/quran.com-frontend-next --skill agent-browser -a claude-code`. Or copy the skill folder (.agents/skills/agent-browser in quran/quran.com-frontend-next) into .claude/skills/agent-browser in your project. Claude Code loads it when a task matches its description.

How do I install Agent Browser in Codex?

Run `npx skills add quran/quran.com-frontend-next --skill agent-browser -a codex`. Or copy the skill folder (.agents/skills/agent-browser in quran/quran.com-frontend-next) into .agents/skills/agent-browser in your project. Codex loads it when a task matches its description.

Can I use Agent Browser in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add quran/quran.com-frontend-next --skill agent-browser -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/agent-browser, .gemini/skills/agent-browser, .github/skills/agent-browser and .opencode/skills/agent-browser in your project.

What does Agent Browser need to run?

Going by SKILL.md and its folder, Agent Browser needs a shell for the scripts in its folder. Our summary lists: A Bash shell. Its frontmatter pre-approves these tools: Bash(agent-browser:*).

Does Agent Browser access the network?

SKILL.md names 1 domain. In commands or code: proxy.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Agent Browser safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Agent Browser use?

No licence was found for Agent Browser or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Agent Browser use?

About 3.3k tokens (SKILL.md is roughly 13k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5k tokens, read only when the agent opens those files.

What are the alternatives to Agent Browser?

Skills that share tags, products or a category with Agent Browser: Browser Use (cacity/VideoHub, 167 stars), Browse Now (nowledge-co/community, 185 stars), Sorted (glebis/claude-skills, 388 stars) and Browser (VibiumDev/vibium, 2.9k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Agent Browser?

quran (a GitHub organization) maintains it in quran/quran.com-frontend-next, which has 1,916 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on April 27, 2026.

Source: quran/quran.com-frontend-next on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.