debug

Automate browser debugging with agent-browser CLI for navigation, screenshots, and snapshots.

41|3|Updated Jan 12, 2026

Search Tags:#automation #debugging #browser #visual-testing #web-ui #agent-browser

Ready to run

npx skills add https://github.com/darkroomengineering/cc-settings --skill debug-darkroomengineering

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: debug
Source: https://github.com/darkroomengineering/cc-settings/tree/main/skills/debug
Command: npx skills add https://github.com/darkroomengineering/cc-settings --skill debug-darkroomengineering

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines browser-based visual debugging by automating common tasks like navigation, taking screenshots, capturing DOM snapshots, and interacting with elements to verify UI behavior.

Core Features & Use Cases

Navigate to URLs and open pages
Take screenshots and snapshot accessibility tree
Interact with elements by accessibility refs to verify UI changes
Retrieve page info for logging and auditing

Quick Start

Navigate to a target URL with agent-browser and capture a screenshot and DOM snapshot to begin visual debugging.

Frequently Asked Questions about debug

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

FAQPage Schema

How do I automate browser visual debugging for web UI testing?▼

Automate browser visual debugging by using an agent-browser CLI to navigate to URLs, take screenshots, capture DOM snapshots, and interact with elements. This streamlines UI testing by programmatically verifying page state and visual behavior across web apps.

Can I capture a DOM snapshot and screenshot during automated web UI testing?▼

Yes, you can capture both screenshots and accessibility tree DOM snapshots during web UI testing. The agent-browser CLI navigates to the target URL and retrieves this page info to verify UI changes and provide logging for visual debugging.

What is the best way to verify UI changes by interacting with web page elements?▼

The best way to verify UI changes is using an agent-browser CLI to interact with elements by accessibility refs. This allows automated visual debugging tools to programmatically trigger UI behaviors and capture the resulting page state for validation.

Does automated visual testing work for rapid verification across web apps?▼

Yes, automated visual testing supports rapid verification across web apps. By navigating to URLs and capturing screenshots or DOM snapshots via agent-browser, you can quickly validate UI behavior and audit page state without manual inspection.

How do I retrieve page info for logging and auditing during browser automation?▼

Retrieve page info for logging and auditing by using the agent-browser CLI to navigate and capture page state. The automation workflow takes screenshots and snapshots of the accessibility tree, providing the necessary data for visual debugging records.

Why use an agent-browser CLI for navigating and capturing web page state?▼

Use an agent-browser CLI for navigating and capturing web page state to streamline QA and UI testing workflows. Automating screenshots, DOM snapshots, and element interactions via command-based navigation eliminates manual visual verification steps.