agent-browser

Drive a real browser to navigate pages, capture screenshots, and inspect console and network activity.

Updated Mar 26, 2026
One-click install
npx skills add https://github.com/nabitllc/todero --skill agent-browser-nabitllc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agent-browser
Source: https://github.com/nabitllc/todero/tree/main/packages/skills-catalog/catalog/optional/browser/agent-browser
Command: npx skills add https://github.com/nabitllc/todero --skill agent-browser-nabitllc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Static HTTP fetches cannot reach JavaScript-rendered pages, login-gated content, or dynamic UI states, making it impossible to verify UI changes, reproduce reported bugs, or capture evidence from single-page applications. ## Core Features & Use Cases - Supervised Browser Verification: Navigate pages, wait for selectors or network-idle, and capture viewport or full-page screenshots as evidence. - Console and Network Inspection: Read console warnings/errors and non-2xx network responses to diagnose UI bugs and failing requests. - Interactive Flow Walkthroughs: Click through short flows step by step, re-screenshotting after each state change to confirm acceptance criteria. - Use Case: A user reports a broken checkout button. Launch the browser, reproduce the flow at the reported viewport, capture the console error and failing network request, and deliver reproduction steps with screenshots. ## Quick Start Use the agent-browser skill to open the staging site, take a full-page screenshot, and report any console errors.

Frequently Asked Questions about agent-browser

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

FAQPage Schema
How do I take a screenshot of a JavaScript-rendered page?

Launch a controlled browser session, navigate to the URL, and wait for a specific selector or network-idle rather than an arbitrary sleep. Capture the screenshot immediately after the wait condition succeeds, before any interaction changes the state.

How do I reproduce a UI bug with a browser automation tool?

Walk through the reported flow one click at a time, waiting between actions and re-screenshotting after each state change. Record the console log filtered to errors, any non-2xx network responses, the viewport size, and exact reproduction steps.

When should I use a browser instead of curl for fetching a page?

Use a browser only when the content is JavaScript-rendered, login-gated, or requires interaction. If the page is reachable as static HTML, curl or an HTTP fetch is cheaper, faster, and more reliable.

Why is my selector not found during browser automation?

The page may have changed or you may be querying before rendering completes. Take a screenshot to see the actual state, then adjust the selector or wait for a specific element instead of a fixed delay.

Can I automate login-gated pages with a browser?

Prefer programmatic auth such as API tokens or magic links over UI login. If UI login is the only path, the user must provide credentials explicitly for that run, and credentials must never appear in logs, screenshots, or output.

What are the limitations of headless browser verification?

Some sites detect headless Chrome and serve different content, and cross-origin iframes you do not own cannot be inspected. It is also unsuited to unattended large-scale scraping, which needs rate limits and robots.txt handling.