agent-browser

Automates browser interactions including navigation, clicking, filling, waiting, and screenshots for web UI testing and data extraction.

Updated Jan 7, 2024
One-click install
npx skills add https://github.com/martinjlowm/nixfiles --skill agent-browser-martinjlowm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agent-browser
Source: https://github.com/martinjlowm/nixfiles/tree/main/config/claude/skills/agent-browser
Command: npx skills add https://github.com/martinjlowm/nixfiles --skill agent-browser-martinjlowm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of manually navigating websites, filling forms, taking screenshots, and extracting information when you need repeatable web testing or data collection.

Core Features & Use Cases

  • Browser automation: Open pages, navigate history, reload, and close the browser as part of web workflows.
  • Element targeting with snapshots: Use interactive snapshots to reference page elements and interact reliably after DOM changes.
  • Testing and data capture: Fill inputs, click controls, wait for conditions, and generate screenshots plus page/element metadata for downstream use.
  • Use Case: Automate a login + form submission flow, capture confirmation by waiting for network idle or a URL change, then screenshot the result for review.

Quick Start

Ask it to open a target site, snapshot interactive elements to get refs, fill required fields, click the submit button, and return the extracted result text.

Frequently Asked Questions about agent-browser

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate web navigation and extract data from dynamic pages?

Automate web navigation by opening target sites, capturing interactive snapshots to reference DOM elements, then clicking or filling inputs to extract data. This handles dynamic pages by using element refs to interact reliably after DOM changes and outputting results as JSON.

Can I capture screenshots during browser automation workflows?

Yes, you can capture screenshots during browser automation workflows. After navigating to a page or completing interactions like form submissions, the tool generates screenshots plus page and element metadata for downstream review or testing validation.

How do I fill out and submit forms automatically on websites requiring authentication?

Fill out forms automatically by opening the authenticated session, taking an interactive snapshot to find input refs, filling the required fields, and clicking submit. You can then wait for network idle or a URL change to confirm the submission succeeded.

What is the best way to test web UI flows without manual steps?

The best way to test web UI flows is to automate the entire sequence: open pages, use snapshots to target controls, fill inputs, and click buttons. Wait for specific conditions like URL changes, then capture screenshots to verify the results repeatably.

Does browser automation work with dynamic DOM changes and interactive snapshots?

Yes, browser automation works with dynamic DOM changes by using interactive snapshots. Snapshots provide element refs that allow you to interact reliably even after the page structure updates, ensuring accurate clicks and data extraction across dynamic content.

How do I wait for network idle or URL changes during web data extraction?

Wait for network idle or URL changes during web data extraction by using built-in wait conditions. After triggering actions like form submissions, the tool waits for these specific states before capturing screenshots or extracting confirmation text from the resulting page.