agent-browser

Automate browser interactions including navigation, form filling, screenshots, and content extraction.

Updated Feb 20, 2026
One-click install
npx skills add https://github.com/makerjackie/jackie-skills-cn-top50 --skill agent-browser-makerjackie
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agent-browser
Source: https://github.com/makerjackie/jackie-skills-cn-top50/tree/main/skills/agent-browser
Command: npx skills add https://github.com/makerjackie/jackie-skills-cn-top50 --skill agent-browser-makerjackie

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automates repetitive and error-prone browser tasks so users can reliably interact with websites, fill forms, capture screenshots, extract data, and run end-to-end checks without manual clicking or fragile selectors.

Core Features & Use Cases

  • Interactive element refs: Compact snapshots produce @eN refs to target elements without sending full DOMs.
  • Navigation & Form Automation: Open pages, wait for network idle, fill inputs, click buttons, and verify results.
  • Session & State Management: Named sessions, save/load state files, and persistent cookies/localStorage for authenticated workflows.
  • Capture, Diff & Visual Testing: Screenshots, annotated screenshots, PDF export, and visual diffs for regression checks.
  • Advanced Integrations: CDP connection, proxy configuration, mobile iOS simulator support, recording and profiling for diagnostics.
  • Templates & References: Ready-to-use shell templates for authentication, form automation, and content capture plus detailed reference docs.

Quick Start

Open a site, take an interactive snapshot to discover refs, perform interactions using the refs, and save the session state for reuse.

Frequently Asked Questions about agent-browser

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

FAQPage Schema
How do I automate browser interactions like form filling and taking screenshots?

To automate browser interactions, you can use this Skill to navigate pages, fill forms, click elements, take screenshots, and extract content without manual clicking or fragile selectors. It provides compact element refs to target UI components reliably.

What is the best way to reuse authenticated sessions for web scraping?

The best way to reuse authenticated sessions for web scraping is through named sessions that save and load state files. This approach maintains persistent cookies and localStorage, allowing you to resume authenticated workflows without logging in repeatedly.

Can I run visual regression testing and take annotated screenshots of web pages?

Yes, you can run visual regression testing by capturing screenshots, generating annotated screenshots, exporting PDFs, and performing visual diffs. This allows you to verify UI consistency and detect visual changes across browser workflows automatically.

Does browser automation work with CDP connectivity, proxies, and mobile simulators?

Browser automation supports CDP connectivity, proxy configuration, and mobile iOS simulator support. These advanced integrations enable diagnostics, recording, and profiling for complex workflows requiring specific network or device environments.

How do I extract content from web pages without sending full DOMs?

You extract content by taking interactive snapshots that produce compact @eN refs to target elements. This mechanism allows you to identify and interact with specific page components without transmitting the entire DOM structure.

Are there limitations when automating web workflows with persistent named sessions?

While automating web workflows with persistent named sessions is reliable, you should ensure proper session state management to avoid stale cookies. Complex dynamic pages may also require appropriate wait conditions for network idle before interacting with elements.