Skyvern Browser Automation
Skyvern-AI/skyvern
Picks the right Skyvern CLI command for a web task, from quick yes/no checks to reusable multi-page workflows, instead of falling back to plain page fetching.
Reference of CSS selectors, step-by-step web workflows and error recovery tactics for an agent that browses, fills forms and compares prices on live sites.
Install Playwright Browser Automation Patterns
$ npx skills add RightNow-AI/openfang --skill browser-automation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install RightNow-AI/openfang browser-automation --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/RightNow-AI/openfang.git skills-src && mkdir -p .claude/skills && cp -r skills-src/crates/openfang-hands/bundled/browser .claude/skills/browser-automation && 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 "browser-automation" agent skill from https://github.com/RightNow-AI/openfang/tree/main/crates/openfang-hands/bundled/browser into .claude/skills/browser-automation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-automation", 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/RightNow-AI/openfang/tree/main/crates/openfang-hands/bundled/browserType 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 RightNow-AI/openfang --skill browser-automation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install RightNow-AI/openfang browser-automation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/RightNow-AI/openfang.git skills-src && mkdir -p .agents/skills && cp -r skills-src/crates/openfang-hands/bundled/browser .agents/skills/browser-automation && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "browser-automation" agent skill from https://github.com/RightNow-AI/openfang/tree/main/crates/openfang-hands/bundled/browser into .agents/skills/browser-automation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-automation", 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 RightNow-AI/openfang --skill browser-automation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install RightNow-AI/openfang browser-automation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/RightNow-AI/openfang.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/crates/openfang-hands/bundled/browser .cursor/skills/browser-automation && 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 "browser-automation" agent skill from https://github.com/RightNow-AI/openfang/tree/main/crates/openfang-hands/bundled/browser into .cursor/skills/browser-automation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-automation", 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/RightNow-AI/openfang.git --path crates/openfang-hands/bundled/browser--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 RightNow-AI/openfang --skill browser-automation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install RightNow-AI/openfang browser-automation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/RightNow-AI/openfang.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/crates/openfang-hands/bundled/browser .gemini/skills/browser-automation && 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 "browser-automation" agent skill from https://github.com/RightNow-AI/openfang/tree/main/crates/openfang-hands/bundled/browser into .gemini/skills/browser-automation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-automation", 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 RightNow-AI/openfang browser-automationInstalls 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 RightNow-AI/openfang --skill browser-automation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/RightNow-AI/openfang.git skills-src && mkdir -p .github/skills && cp -r skills-src/crates/openfang-hands/bundled/browser .github/skills/browser-automation && 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 "browser-automation" agent skill from https://github.com/RightNow-AI/openfang/tree/main/crates/openfang-hands/bundled/browser into .github/skills/browser-automation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-automation", 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 RightNow-AI/openfang --skill browser-automation -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install RightNow-AI/openfang browser-automation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/RightNow-AI/openfang.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/crates/openfang-hands/bundled/browser .opencode/skills/browser-automation && 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 "browser-automation" agent skill from https://github.com/RightNow-AI/openfang/tree/main/crates/openfang-hands/bundled/browser into .opencode/skills/browser-automation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "browser-automation", 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
browser-automation- GitHub stars
- 18k
- Token cost
- ~1k tokens
- SKILL.md length
- 225 words
- Files
- 2
- Skills in repo
- 68
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Reference of CSS selectors, step-by-step web workflows and error recovery tactics for an agent that browses, fills forms and compares prices on live sites.
- Automating a multi-step task on a website with browser tools
- SKILL.md covers Playwright CSS Selector…, Common Workflows, Error Recovery Strategies and Security Checklist
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Picking reliable selectors for forms, links and shopping elements
What it does
A cheat sheet for agents that drive a browser through navigate, click, type and read-page tools. It lists Playwright CSS selectors grouped into basic, form, navigation and e-commerce sets, for example fields by input type, links whose address contains cart or login, and price, quantity and add-to-cart elements.
It then walks through common flows as numbered tool-call sequences: searching a store and buying, logging in, submitting a form after reading its structure, and comparing prices across stores. A recovery table covers a missing element (try another selector, use visible text, scroll), a page timeout (retry, check the URL), a login wall (tell the user and ask for credentials) and a CAPTCHA, which the agent cannot solve and should report to you.
When your agent uses it
- Automating a multi-step task on a website with browser tools
- Picking reliable selectors for forms, links and shopping elements
- Comparing the price of one product across several stores
- Recovering when a page times out or an element cannot be found
Example prompts
- “Search three online stores for a standing desk and compare their prices.”
- “Fill in the contact form on example.com with my name and email, then stop before submitting.”
- “Log in to the supplier portal and download this month's invoice list.”
Requirements
- Browser tools that expose navigate, click, type and read-page actions
What it can do on your machine
Read from SKILL.md and the folder at commit acf2587. 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
Playwright Browser Automation Patterns loads about 1k tokens when it runs. Until then it costs about 24 tokens; SKILL.md has 225 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 RightNow-AI/openfang at commit acf2587, republished under its Apache-2.0 licence (© RightNow-AI). 225 words, ~1,004 tokens.
Download SKILL.mdSave it as
.claude/skills/browser-automation/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.- name
- browser-automation
- description
- Playwright-based browser automation patterns for autonomous web interaction
- version
- 1.0.0
- author
- OpenFang
- tags
- browser, automation, playwright, web, scraping
- tools
- browser_navigate, browser_click, browser_type, browser_screenshot, browser_read_page, browser_close
- runtime
- prompt_only
Browser Automation Skill
Playwright CSS Selector Reference
Basic Selectors
| Selector | Description | Example |
|---|---|---|
#id | By ID | #checkout-btn |
.class | By class | .add-to-cart |
tag | By element | button, input |
[attr=val] | By attribute | [data-testid="submit"] |
tag.class | Combined | button.primary |
Form Selectors
| Selector | Use Case |
|---|---|
input[type="email"] | Email fields |
input[type="password"] | Password fields |
input[type="search"] | Search boxes |
input[name="q"] | Google/search query |
textarea | Multi-line text areas |
select[name="country"] | Dropdown menus |
input[type="checkbox"] | Checkboxes |
input[type="radio"] | Radio buttons |
button[type="submit"] | Submit buttons |
Navigation Selectors
| Selector | Use Case |
|---|---|
a[href*="cart"] | Cart links |
a[href*="checkout"] | Checkout links |
a[href*="login"] | Login links |
nav a | Navigation menu links |
.breadcrumb a | Breadcrumb links |
[role="navigation"] a | ARIA nav links |
E-commerce Selectors
| Selector | Use Case |
|---|---|
.product-price, [data-price] | Product prices |
.add-to-cart, #add-to-cart | Add to cart buttons |
.cart-total, .order-total | Cart total |
.quantity, input[name="quantity"] | Quantity selectors |
.checkout-btn, #checkout | Checkout buttons |
Common Workflows
Product Search & Purchase
1. browser_navigate → store homepage
2. browser_type → search box with product name
3. browser_click → search button or press Enter
4. browser_read_page → scan results
5. browser_click → desired product
6. browser_read_page → verify product details & price
7. browser_click → "Add to Cart"
8. browser_navigate → cart page
9. browser_read_page → verify cart contents & total
10. STOP → Report to user, wait for approval
11. browser_click → "Proceed to Checkout" (only after approval)Account Login
1. browser_navigate → login page
2. browser_type → email/username field
3. browser_type → password field
4. browser_click → login/submit button
5. browser_read_page → verify successful loginForm Submission
1. browser_navigate → form page
2. browser_read_page → understand form structure
3. browser_type → fill each field sequentially
4. browser_click → checkboxes/radio buttons as needed
5. browser_screenshot → visual verification before submit
6. browser_click → submit button
7. browser_read_page → verify confirmationPrice Comparison
1. For each store:
a. browser_navigate → store URL
b. browser_type → search query
c. browser_read_page → extract prices
d. memory_store → save price data
2. memory_recall → compare all prices
3. Report findings to userError Recovery Strategies
| Error | Recovery |
|---|---|
| Element not found | Try alternative selector, use visible text, scroll page |
| Page timeout | Retry navigation, check URL |
| Login required | Inform user, ask for credentials |
| CAPTCHA | Cannot solve — inform user |
| Pop-up/modal | Click dismiss/close button first |
| Cookie consent | Click "Accept" or dismiss banner |
| Rate limited | Wait 30s, retry |
| Wrong page | Use browser_read_page to verify, navigate back |
Security Checklist
- Verify domain before entering credentials
- Never store passwords in memory_store
- Check for HTTPS before submitting sensitive data
- Report suspicious redirects to user
- Never auto-approve financial transactions
- Warn about phishing indicators (misspelled domains, unusual URLs)
© RightNow-AI, Apache-2.0. 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 1 other file in crates/openfang-hands/bundled/browser of RightNow-AI/openfang.
- SKILL.md
- HAND.toml
Open the folder on GitHubat commit acf2587
Compare with similar skills
Playwright Browser Automation Patterns 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 |
|---|---|---|---|---|---|---|
| Playwright Browser Automation Patterns this skillRightNow-AI/openfang | 18k | — | ~1k | Automated safety check: Pass | Apache-2.0 | |
| Skyvern Browser AutomationSkyvern-AI/skyvern | 23k | 1 repos | ~2.9k | Automated safety check: Pass | AGPL-3.0 | |
| CUAWright Web Task Automationmicrosoft/CUAWright | 6k | — | ~2k | Automated safety check: Notes | MIT | |
| AI Search Hubminsight-ai-info/AI-Search-Hub | 1.3k | — | ~1.3k | Automated safety check: Pass | None | |
| Camoufox CLIBin-Huang/camoufox-cli | 350 | 1 repos | ~4.5k | Automated safety check: Pass | MIT | |
| Zerotoken OpenclawAMOS144/ZeroToken | 455 | 1 repos | ~2.9k | Automated safety check: Pass | MIT |
Similar skills
- Official
CUAWright Web Task Automation
microsoft/CUAWright
Solves web tasks by driving a local Playwright browser one bash command at a time, saving a reusable script, screenshots and an action log for each run.
AI Search Hub
minsight-ai-info/AI-Search-Hub
Run the AI Search Hub browser automation scripts for Yuanbao, LongCat, Doubao, Qwen, Gemini, Grok, and MiniMax.
Camoufox CLI
Bin-Huang/camoufox-cli
Anti-detect browser automation CLI & Skills for AI agents. An agent skill from Bin-Huang/camoufox-cli.
Zerotoken Openclaw
AMOS144/ZeroToken
A skill your agent uses when using ZeroToken MCP via OpenClaw for browser automation, trajectory recording and low-token replay, especially for recurring or scheduled browser tasks.
Ego Browser
kwakseongjae/oh-my-design
When you need a browser, read this Skill by default. An agent skill from kwakseongjae/oh-my-design.
More from RightNow-AI/openfang
All 68 skills in this repoIntelligence Collection Methodology
RightNow-AI/openfang
Reference knowledge for open-source intelligence collection: the collection cycle, source reliability tiers, search query patterns and entity extraction.
Lead Generation Research Guide
RightNow-AI/openfang
Reference knowledge for AI lead generation: building an ideal customer profile, researching prospects on the web, enriching lead records and finding email formats.
Video Clipping Reference
RightNow-AI/openfang
Command reference for cutting clips from online video: yt-dlp downloads, whisper transcription, SRT subtitle files and ffmpeg processing, with Windows, macOS and Linux differences.
Forecasting Expert Knowledge
RightNow-AI/openfang
Reference knowledge for AI forecasting: superforecasting principles, a signal taxonomy, confidence calibration rules and reasoning chains for making and tracking predictions.
Deep Research Methodology
RightNow-AI/openfang
Reference knowledge for AI deep research: a five-phase process, strategies by question type, CRAAP source scoring, cross-referencing, synthesis and citation formats.
Twitter Hand Skill
RightNow-AI/openfang
Expert knowledge for AI Twitter/X management — API v2 reference, content strategy, engagement playbook, safety, and performance tracking
Related
Works with
Categories
Questions about Playwright Browser Automation Patterns
What does Playwright Browser Automation Patterns do?
Reference of CSS selectors, step-by-step web workflows and error recovery tactics for an agent that browses, fills forms and compares prices on live sites. A cheat sheet for agents that drive a browser through navigate, click, type and read-page tools. It lists Playwright CSS selectors grouped into basic, form, navigation and e-commerce sets, for example fields by input type, links whose address contains cart or login, and price, quantity and add-to-cart elements.
When should I use Playwright Browser Automation Patterns?
Playwright Browser Automation Patterns fits situations like: automating a multi-step task on a website with browser tools; picking reliable selectors for forms, links and shopping elements; comparing the price of one product across several stores; recovering when a page times out or an element cannot be found.
How do I install Playwright Browser Automation Patterns in Claude Code?
Run `npx skills add RightNow-AI/openfang --skill browser-automation -a claude-code`. Or copy the skill folder (crates/openfang-hands/bundled/browser in RightNow-AI/openfang) into .claude/skills/browser-automation in your project. Claude Code loads it when a task matches its description.
How do I install Playwright Browser Automation Patterns in Codex?
Run `npx skills add RightNow-AI/openfang --skill browser-automation -a codex`. Or copy the skill folder (crates/openfang-hands/bundled/browser in RightNow-AI/openfang) into .agents/skills/browser-automation in your project. Codex loads it when a task matches its description.
Can I use Playwright Browser Automation Patterns 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 RightNow-AI/openfang --skill browser-automation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/browser-automation, .gemini/skills/browser-automation, .github/skills/browser-automation and .opencode/skills/browser-automation in your project.
What does Playwright Browser Automation Patterns need to run?
SKILL.md names no scripts, command-line tools or credentials: Playwright Browser Automation Patterns is instructions for the agent only. Our summary lists: Browser tools that expose navigate, click, type and read-page actions.
Does Playwright Browser Automation Patterns 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 Playwright Browser Automation Patterns 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 Playwright Browser Automation Patterns use?
Playwright Browser Automation Patterns is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Playwright Browser Automation Patterns use?
About 1k tokens (SKILL.md is roughly 4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Playwright Browser Automation Patterns?
Skills that share tags, products or a category with Playwright Browser Automation Patterns: Skyvern Browser Automation (Skyvern-AI/skyvern, 23k stars), CUAWright Web Task Automation (microsoft/CUAWright, 6k stars), AI Search Hub (minsight-ai-info/AI-Search-Hub, 1.3k 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 Playwright Browser Automation Patterns?
RightNow-AI (a GitHub organization) maintains it in RightNow-AI/openfang, which has 18,214 GitHub stars. The repository holds 68 skills in this directory. The repository was last updated on July 2, 2026.
Source: RightNow-AI/openfang on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.