Does it support video recording for debugging?

Yes, the skill includes built-in commands to start and stop WebM video recordings, which is ideal for documenting bugs or creating automated demo videos.

Can I use it to test mobile responsiveness?

Absolutely. You can set specific viewport dimensions or use built-in device emulation profiles (like 'iPhone 14') to test how websites behave on different screens.

How does Agent Browser identify elements on a web page?

It uses the snapshot command to generate an accessibility tree that assigns unique reference tags (e.g., @e1, @e2) to interactive elements, allowing Claude to target them precisely.

Can it handle authenticated sessions and logins?

Yes, it supports saving and loading browser state to JSON files, allowing you to persist cookies and localStorage across different sessions to maintain authentication.

Can it mock API responses for frontend testing?

Yes, the network route command allows you to intercept requests and provide mock bodies or abort requests entirely to test error handling and edge cases.

Agent Browser Automation

Name: Agent Browser Automation
Author: Brite-Nites

byBrite-Nites

0•

ブラウザ自動化

Automates comprehensive web browser interactions for testing, data extraction, and workflow automation directly within Claude Code.

Agent Browser is a powerful Claude Code skill that enables autonomous web interaction, allowing Claude to navigate websites, interact with UI elements, and extract structured data. It provides a robust set of tools for taking screenshots, recording videos, managing browser state, and handling complex web scenarios like iframes and network interception. This skill is essential for developers needing to automate end-to-end testing, perform sophisticated web scraping, or integrate live web data into their development workflow using a headless or headed browser environment.

主な機能

01Network management for request interception, response mocking, and traffic analysis

02Advanced media capture with full-page screenshots, PDF generation, and WebM video recording

03Interactive element selection using accessibility-based snapshots and reference IDs

04Comprehensive page control including navigation, form filling, and complex mouse/keyboard events

05Persistent session management to save and load authentication states, cookies, and localStorage

060 GitHub stars

ユースケース

01Complex data extraction and web scraping from dynamic, JavaScript-heavy websites requiring interaction

02Automated E2E testing of web applications to verify UI behavior and functionality across different viewports

03Automating repetitive web-based workflows like form submissions, account setup, or visual regression checks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add brite-nites/britenites-claude-plugins agent-browser

For use in Claude.ai and ChatGPT

Download Skill