skills.rest
darkroomengineering
darkroomengineeringOFFICIAL
Explore all skills by this author →
Website𝕏@darkroomdevsGitHub

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
One-click install
npx skills add https://github.com/darkroomengineering/cc-settings --skill debug-darkroomengineering
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
sethihqsethihq

debug

Navigate, screenshot, and inspect web pages via the agent-browser CLI.

Community
Intermediate
helderbertohelderberto
12

visual-validate

Automate visual UI validation with real browser sessions and before/after screenshots.

Community
Intermediate
softmgsoftmg

browser

Automate web browsing and UI interactions using accessibility-tree snapshots with stable element refs.

Official
Intermediate
everrunseverruns
42

ui-screenshots

Capture web page screenshots with agent-browser for visual verification.

Official
Intermediate