Agent Browser
quran/quran.com-frontend-next
Automates browser interactions for web testing, form filling, screenshots, and data extraction.
Upload local files through ordinary, hidden, dynamically created, detached, multiple, or native-backed file inputs with agent-browser in web and Electron applications.
Install Use Agent Browser With Input File
$ npx skills add moeru-ai/airi --skill use-agent-browser-with-input-file -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install moeru-ai/airi use-agent-browser-with-input-file --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/use-agent-browser-with-input-file .claude/skills/use-agent-browser-with-input-file && rm -rf skills-srcUse ~/.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/
Install the "use-agent-browser-with-input-file" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-agent-browser-with-input-file into .claude/skills/use-agent-browser-with-input-file/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-agent-browser-with-input-file", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-agent-browser-with-input-fileType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add moeru-ai/airi --skill use-agent-browser-with-input-file -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install moeru-ai/airi use-agent-browser-with-input-file --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/use-agent-browser-with-input-file .agents/skills/use-agent-browser-with-input-file && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "use-agent-browser-with-input-file" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-agent-browser-with-input-file into .agents/skills/use-agent-browser-with-input-file/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-agent-browser-with-input-file", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add moeru-ai/airi --skill use-agent-browser-with-input-file -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install moeru-ai/airi use-agent-browser-with-input-file --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/use-agent-browser-with-input-file .cursor/skills/use-agent-browser-with-input-file && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "use-agent-browser-with-input-file" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-agent-browser-with-input-file into .cursor/skills/use-agent-browser-with-input-file/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-agent-browser-with-input-file", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/moeru-ai/airi.git --path .agents/skills/use-agent-browser-with-input-file--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add moeru-ai/airi --skill use-agent-browser-with-input-file -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install moeru-ai/airi use-agent-browser-with-input-file --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/use-agent-browser-with-input-file .gemini/skills/use-agent-browser-with-input-file && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "use-agent-browser-with-input-file" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-agent-browser-with-input-file into .gemini/skills/use-agent-browser-with-input-file/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-agent-browser-with-input-file", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install moeru-ai/airi use-agent-browser-with-input-fileInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add moeru-ai/airi --skill use-agent-browser-with-input-file -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/use-agent-browser-with-input-file .github/skills/use-agent-browser-with-input-file && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "use-agent-browser-with-input-file" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-agent-browser-with-input-file into .github/skills/use-agent-browser-with-input-file/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-agent-browser-with-input-file", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add moeru-ai/airi --skill use-agent-browser-with-input-file -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install moeru-ai/airi use-agent-browser-with-input-file --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/moeru-ai/airi.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/use-agent-browser-with-input-file .opencode/skills/use-agent-browser-with-input-file && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "use-agent-browser-with-input-file" agent skill from https://github.com/moeru-ai/airi/tree/main/.agents/skills/use-agent-browser-with-input-file into .opencode/skills/use-agent-browser-with-input-file/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "use-agent-browser-with-input-file", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
use-agent-browser-with-input-file- GitHub stars
- 50k
- Token cost
- ~639 tokens
- SKILL.md length
- 279 words
- Files
- 6 (incl. references)
- Skills in repo
- 24
- Repo updated
- First seen
- Licence
- MIT
At a glance
Upload local files through ordinary, hidden, dynamically created, detached, multiple, or native-backed file inputs with agent-browser in web and Electron applications.
- Works in 7 steps: Open the target route and inspect… → Determine whether the input already… → Apply the matching reference without… → …
- Testing file selection
- SKILL.md covers Workflow and Handoff to Vishot
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Use Agent Browser With Input File is an agent skill from moeru-ai/airi. Upload local files through ordinary, hidden, dynamically created, detached, multiple, or native-backed file inputs with agent-browser in web and Electron applications. Use when testing file selection, drag-or-choose flows, framework file-dialog composables, or post-upload application behavior.
Its SKILL.md is about 640 tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including reference files (for example `agents/openai.yaml`, `references/attached-input.md` and `references/detached-input.md`).
It sits in Productivity & Automation, covering Browser automation. The repository describes itself as: 💖🧸 Self hosted, you-owned Grok Companion, a container of souls of waifu, cyber livings to bring them into our worlds, wishing to achieve Neuro-sama's altitude. Capable of… The licence is MIT.
When your agent uses it
- Testing file selection
- Drag-or-choose flows
- Framework file-dialog composables
- Post-upload application behavior
Example prompts
- “/use-agent-browser-with-input-file”
Workflow steps
7 steps, taken from the first numbered list in SKILL.md.
- Open the target route and inspect snapshot -i and the DOM around the upload control.
- Determine whether the input already exists, appears after interaction, remains detached, or delegates to a native picker.
- Apply the matching reference without changing application source code.
- Re-snapshot after each interaction because element refs can become stale.
- Verify application-specific processing, persistence, and final output separately.
- Inspect browser errors and relevant console output.
- Restore any temporary browser-session instrumentation and close the session.
What it can do on your machine
Read from SKILL.md and the folder at commit 4a24300. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Use Agent Browser With Input File loads about 639 tokens when it runs, and up to ~2.2k if it reads all its reference files. Until then it costs about 82 tokens; SKILL.md has 279 words of instructions outside code blocks.
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
The full file from moeru-ai/airi at commit 4a24300, republished under its MIT licence (© moeru-ai). 279 words, ~639 tokens.
Download SKILL.mdSave it as
.claude/skills/use-agent-browser-with-input-file/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.- name
- use-agent-browser-with-input-file
- description
- Upload local files through ordinary, hidden, dynamically created, detached, multiple, or native-backed file inputs with agent-browser in web and Electron applications. Use when testing file selection, drag-or-choose flows, framework file-dialog composables, or post-upload application behavior.
Use Agent Browser with an Input File
Invoke $agent-browser first and run agent-browser skills get agent-browser --full before issuing browser commands. For Electron, also invoke $agent-browser-electron and attach to the intended renderer target.
Resolve the input file to an absolute path and verify that it exists. Then inspect the DOM before choosing an upload method:
- For an attached
input[type="file"], including a visually hidden input, read references/attached-input.md. - For an input created on demand or kept detached from the DOM by application code, read references/detached-input.md.
- For a native file chooser or a flow where no HTML input can be addressed, read references/native-file-chooser.md.
- For evidence requirements after the file is assigned, read references/verify-upload.md.
Workflow
- Open the target route and inspect
snapshot -iand the DOM around the upload control. - Determine whether the input already exists, appears after interaction, remains detached, or delegates to a native picker.
- Apply the matching reference without changing application source code.
- Re-snapshot after each interaction because element refs can become stale.
- Verify application-specific processing, persistence, and final output separately.
- Inspect browser errors and relevant console output.
- Restore any temporary browser-session instrumentation and close the session.
Keep the same --session and, for Electron, --cdp <port> options on every command. When Electron exposes several targets, use the discovery process from $agent-browser-electron and confirm the active target URL before uploading.
Handoff to Vishot
Use Agent Browser to discover inputs, diagnose selectors, and prove the interaction. Once the flow is stable, encode it in a Playwright-backed Vishot scenario with $use-vishot-with-input-file when deterministic visual evidence is required.
Do not treat a successful upload command as completion. File assignment, application import, persistence, and rendering are distinct checkpoints.
© moeru-ai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 5 other files (references) in .agents/skills/use-agent-browser-with-input-file of moeru-ai/airi.
- SKILL.md
- agents/openai.yaml
- references/attached-input.md
- references/detached-input.md
- references/native-file-chooser.md
- references/verify-upload.md
Open the folder on GitHubat commit 4a24300
Compare with similar skills
Use Agent Browser With Input File 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Use Agent Browser With Input File this skillmoeru-ai/airi | 50k | — | ~639 | Automated safety check: Pass | MIT | |
| Agent Browserquran/quran.com-frontend-next | 1.9k | 40 repos | ~3.3k | Automated safety check: Pass | None | |
| Dev-Browser CLI AutomationSawyerHood/dev-browser | 6.7k | 1 repos | ~455 | Automated safety check: Pass | MIT | |
| Browser Automationopenclaw/openclaw | 392k | — | ~2.9k | Automated safety check: Pass | MIT | |
| Camoufox CLIBin-Huang/camoufox-cli | 350 | 1 repos | ~4.5k | Automated safety check: Pass | MIT | |
| BrowserVibiumDev/vibium | 2.9k | — | ~4.8k | Automated safety check: Pass | Apache-2.0 |
Similar skills
Dev-Browser CLI Automation
SawyerHood/dev-browser
Browser automation with persistent named pages via the dev-browser CLI. Use when users ask to navigate websites, fill forms, take screenshots, extract web…
Browser Automation
openclaw/openclaw
A skill your agent uses when controlling web pages with the OpenClaw browser tool, especially multi-step flows, login checks, tab management, or recovery from stale refs/timeouts.
Camoufox CLI
Bin-Huang/camoufox-cli
Anti-detect browser automation CLI & Skills for AI agents. An agent skill from Bin-Huang/camoufox-cli.
Browser
VibiumDev/vibium
Automate browsers with the Vibium CLI. An agent skill from VibiumDev/vibium.
Browser Use Terminal
browser-use/terminal
Direct browser control via the Browser Use Terminal CLI. An agent skill from browser-use/terminal.
More from moeru-ai/airi
All 24 skills in this repoSimple English
moeru-ai/airi
Write or rewrite technical text with the rules of ASD-STE100 Simplified Technical English so it is clear, unambiguous, and free of AI slop.
Enforce Rules For I18n
moeru-ai/airi
Review pending AIRI translations on Crowdin in a batch, then sync them into the repository.
Upload GitHub Attachment
moeru-ai/airi
Upload a local image or file to GitHub's user-attachments storage and return a URL suitable for issue, pull request, discussion, or comment Markdown.
Create PR
moeru-ai/airi
Prepare and create an AIRI pull request with verifiable change context, architecture evidence, and required visual evidence.
Use Agent Browser For Airi
moeru-ai/airi
Test AIRI display-model imports with agent-browser across stage-tamagotchi Electron, stage-web, and stage-pocket mobile web layouts.
Agent Browser Electron
moeru-ai/airi
A skill your agent uses when Codex needs to inspect, debug, or automate an Electron app through agent-browser and Chrome DevTools Protocol, especially when the app has multiple BrowserWindow…
Related
Categories
Questions about Use Agent Browser With Input File
What does Use Agent Browser With Input File do?
Upload local files through ordinary, hidden, dynamically created, detached, multiple, or native-backed file inputs with agent-browser in web and Electron applications. Use Agent Browser With Input File is an agent skill from moeru-ai/airi. Upload local files through ordinary, hidden, dynamically created, detached, multiple, or native-backed file inputs with agent-browser in web and Electron applications.
When should I use Use Agent Browser With Input File?
Use Agent Browser With Input File fits situations like: testing file selection; drag-or-choose flows; framework file-dialog composables; post-upload application behavior.
How do I install Use Agent Browser With Input File in Claude Code?
Run `npx skills add moeru-ai/airi --skill use-agent-browser-with-input-file -a claude-code`. Or copy the skill folder (.agents/skills/use-agent-browser-with-input-file in moeru-ai/airi) into .claude/skills/use-agent-browser-with-input-file in your project. Claude Code loads it when a task matches its description.
How do I install Use Agent Browser With Input File in Codex?
Run `npx skills add moeru-ai/airi --skill use-agent-browser-with-input-file -a codex`. Or copy the skill folder (.agents/skills/use-agent-browser-with-input-file in moeru-ai/airi) into .agents/skills/use-agent-browser-with-input-file in your project. Codex loads it when a task matches its description.
Can I use Use Agent Browser With Input File 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 moeru-ai/airi --skill use-agent-browser-with-input-file -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/use-agent-browser-with-input-file, .gemini/skills/use-agent-browser-with-input-file, .github/skills/use-agent-browser-with-input-file and .opencode/skills/use-agent-browser-with-input-file in your project.
What does Use Agent Browser With Input File need to run?
SKILL.md names no scripts, command-line tools or credentials: Use Agent Browser With Input File is instructions for the agent only.
Does Use Agent Browser With Input File access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Use Agent Browser With Input File 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 Use Agent Browser With Input File use?
Use Agent Browser With Input File is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Use Agent Browser With Input File use?
About 639 tokens (SKILL.md is roughly 2.6k 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 1.5k tokens, read only when the agent opens those files.
What are the alternatives to Use Agent Browser With Input File?
Skills that share tags, products or a category with Use Agent Browser With Input File: Agent Browser (quran/quran.com-frontend-next, 1.9k stars), Dev-Browser CLI Automation (SawyerHood/dev-browser, 6.7k stars), Browser Automation (openclaw/openclaw, 392k stars) and Camoufox CLI (Bin-Huang/camoufox-cli, 350 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Use Agent Browser With Input File?
moeru-ai (a GitHub organization) maintains it in moeru-ai/airi, which has 50,234 GitHub stars. The repository holds 24 skills in this directory. The repository was last updated on October 10, 2026.
Source: moeru-ai/airi on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.