Skip to content

Browser Automation Patterns

Guides an agent through navigating, filling forms and comparing prices in a web browser

Stars
18,243
Licence
Apache-2.0
Files
2 files

What it does

This skill gives an AI agent a playbook for controlling a web browser: opening pages, clicking buttons, typing into forms, reading page content and taking screenshots. It includes common CSS selectors for finding page elements and step-by-step workflows for things like logging in, submitting forms and comparing prices across stores. It also tells the agent to stop and ask you before checking out, never store passwords in memory, and avoid CAPTCHAs by handing them back to you.

Great for

  • Developers who want an agent to drive a browser for repetitive web tasks
  • People comparing prices across several online stores who want a summary
  • Testers wanting an agent to walk through form submissions

Skip it if

  • Unattended purchases or logins to sensitive accounts, since the skill is prompt guidance only and the agent may still act incorrectly on live sites
  • Scraping sites whose terms of service prohibit automated access
  • Anyone expecting the skill itself to contain working browser code: it is a set of instructions and selectors, and the browser tools must be provided by the host OpenFang runtime

Try asking

  • “Compare the price of a specific headphone model across three online stores and summarize the results”
  • “Log into my account on this site and report what the dashboard shows, but stop before changing anything”
  • “Fill out this public contact form with my details and show me a screenshot before submitting”
  • “Find the checkout page of this store, add the item to my cart and tell me the total without paying”
Step-by-step guide: how to use Browser Automation PatternsInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    browser.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip browser.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip browser.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Always review the cart or form details the agent reports before approving any purchase or submission
  • Ask the agent to take a screenshot before submitting forms so you can verify what will be sent
  • Provide login credentials directly in the session rather than expecting them to be saved anywhere

What's inside

  • HAND.toml
  • SKILL.md

Redistributed unmodified from RightNow-AI/openfang under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.