autonomous-ui-inspection

You can automate UI inspection by capturing screenshots and extracting numeric layout metrics like bounding boxes to validate UI changes. This skill provides visual and quantitative evidence to verify that specific control dimensions have not unexpectedly changed after an update.

To extract bounding box metrics, the skill uses Puppeteer scripts to capture detailed numeric layout data for elements matching a provided CSS selector. This allows you to quantitatively verify element dimensions and check for overflow issues.

Visual validation for automated agents works by capturing screenshots of rendered UI elements alongside numeric layout extraction. It provides a robust, agent-friendly method to inspect user interfaces, ensuring consistency and identifying discrepancies through both visual and numerical data.

Yes, you need a browser subagent to handle navigation and screenshotting for UI inspection. The skill relies on the browser subagent for visual capture and Puppeteer scripts for the detailed extraction of layout metrics.

Yes, automated screenshot inspection can check for layout overflow by extracting numeric layout metrics. The skill captures bounding boxes and other quantitative data to identify discrepancies and validate that UI elements render within expected boundaries.