How do I verify responsive layouts?

You can use the 'responsive' command followed by a prefix to automatically generate and save screenshots for mobile, tablet, and desktop viewports.

Is this tool suitable for automated CI/CD pipelines?

No, avad-browse is specifically designed for interactive, manual QA and dogfooding sessions within the Claude Code terminal environment.

How do I select elements in the browser environment?

Use the 'snapshot -i' command to generate an accessibility tree with @ref IDs (like @e1 or @e2), which you can then use in commands like click, fill, or hover.

Does avad-browse support authenticated page testing?

Yes, it allows you to import cookies directly from your local browser (Chrome, Arc, Edge, etc.) to test pages that require an active login session.

Can I see what the headless browser is doing?

Yes, you can generate standard screenshots or use the 'snapshot -a' flag to create annotated images with labeled boxes over interactive elements.

Avad-Browse Browser Testing

Name: Avad-Browse Browser Testing
Author: agwacom

byagwacom

0•

浏览器自动化

Performs interactive web QA and site dogfooding using a fast headless Chromium browser with state persistence and visual reporting.

avad-browse is a specialized Claude Code skill designed for rapid web verification, dogfooding, and bug reporting. It provides a persistent headless Chromium environment that allows developers to navigate URLs, interact with page elements via simplified @ref selectors, and capture visual evidence through annotated screenshots. Unique features like authenticated session testing via local cookie imports, unified snapshot diffing, and automated responsive layout checks make it an essential tool for verifying deployments and debugging complex user flows directly from the terminal.

主要功能

010 GitHub stars

02High-speed headless Chromium interaction with ~100ms command latency.

03Unified snapshot diffing to track DOM and visual changes after user actions.

04Interactive element selection using @ref IDs generated from accessibility snapshots.

05Comprehensive responsive testing with mobile, tablet, and desktop screenshot generation.

06Authenticated page testing via secure cookie imports from Chrome, Arc, Brave, and Edge.

使用场景

01Creating detailed bug reports with annotated screenshots and console log evidence.

02Verifying new deployments and feature functionality in real-time.

03Testing authenticated user flows by importing active sessions from a physical browser.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agwacom/avadbot avad-browse

For use in Claude.ai and ChatGPT