What problem does it solve?
This Skill eliminates the "flying blind" problem in browser automation, where lack of visibility into page state, DOM structure, and interaction outcomes leads to failed actions, wasted debugging time, and unreliable automation workflows.
Core Features & Use Cases
- 100+ Visibility Techniques: Capture screenshots (before/after actions, error states, multiple viewports, dark mode), log full page HTML, DOM elements, console messages, and network requests.
- Element Discovery & Selector Testing: List all visible/hidden elements, buttons, inputs, links, test selector matches, and use fallback selectors for robust interaction.
- State Validation & Error Recovery: Validate page load state, element visibility/clickability, auto-retry failed actions, rollback to previous page states, and run in headful mode for interactive debugging.
- Use Case: For example, when automating a login flow, use this Skill to capture a screenshot before entering credentials, validate the username field is visible, auto-retry if the submit button is not found, and capture a success screenshot after login completes.
Quick Start
Use the browser-visibility-debug skill to take a full-page screenshot of the current browser page and log all visible clickable elements to the debug log.
