Do I need to have Chrome installed manually?

While it can connect to your existing Chrome, you can also run 'agent-browser install' to automatically download a compatible Chromium binary.

How does agent-browser identify elements for the AI?

It uses a snapshot command that generates unique identifiers (like @e1 or @e2) for interactive elements, allowing the AI to target them reliably without complex CSS selectors.

Can this skill handle websites that require a login?

Yes, it supports five different authentication methods including importing cookies from your local browser, using persistent profiles, or using an encrypted auth vault.

Does it support mobile viewports?

Yes, you can emulate specific devices like 'iPhone 14' or set custom viewport sizes and pixel densities for testing responsive layouts.

Is agent-browser suitable for web scraping?

Absolutely. It can handle modern JavaScript-rendered sites and provides commands to extract text, attributes, and JSON snapshots for easy parsing.

Agent Browser Automation

Name: Agent Browser Automation
Author: cskwork

bycskwork

0•

ブラウザ自動化

Automates web browser interactions using a specialized CLI designed for AI agents to navigate, scrape, and test websites.

The agent-browser skill empowers Claude to perform complex web-based tasks by controlling Chrome or Chromium directly via the Chrome DevTools Protocol (CDP). It simplifies web automation for AI agents through a unique interactive snapshot system that assigns shorthand references to page elements, enabling reliable clicking, typing, and form submission. With robust support for authentication persistence, encrypted credential storage, and viewport emulation, it is a comprehensive solution for web scraping, end-to-end testing, and browser-based workflow automation.

主な機能

01Comprehensive capture tools for full-page, annotated, or visual-diff screenshots and PDFs

02Interactive element referencing (@e1, @e2) for precise AI control during snapshots

03Built-in device emulation and viewport scaling for mobile and responsive testing

04Multiple authentication strategies including state persistence, session management, and encrypted vaults

05Advanced waiting mechanisms for network idle, URL patterns, text changes, and downloads

060 GitHub stars

ユースケース

01Performing end-to-end testing and visual regression checks for web developers

02Automated data extraction from complex JavaScript-heavy web applications

03Automating repetitive administrative tasks in authenticated dashboards and internal tools

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add cskwork/claude-minimal-plugin agent-browser

For use in Claude.ai and ChatGPT

主な機能

01Comprehensive capture tools for full-page, annotated, or visual-diff screenshots and PDFs

02Interactive element referencing (@e1, @e2) for precise AI control during snapshots

03Built-in device emulation and viewport scaling for mobile and responsive testing

04Multiple authentication strategies including state persistence, session management, and encrypted vaults

05Advanced waiting mechanisms for network idle, URL patterns, text changes, and downloads

060 GitHub stars

ユースケース

01Performing end-to-end testing and visual regression checks for web developers

02Automated data extraction from complex JavaScript-heavy web applications

03Automating repetitive administrative tasks in authenticated dashboards and internal tools