cluso-inspector

You can visually identify a UI element by launching an interactive Electron-based inspector against the page URL, then clicking the exact element on the screen to capture it visually for interactive UI clarification.

Yes, you can extract HTML and CSS selectors by clicking the target element within the visual inspector, which returns the exact structure and selector path needed for downstream reasoning or fixes.

To capture an element's screenshot, bounds, and state classes for visual debugging, run the inspector against the page URL and select the target element to return its visual context and interactive states.

No dependencies are required; the visual web inspection tool launches via npx with a page URL, operating as a standalone Electron application to extract element data without additional library installations.

Text-based UI element selection fails because vague descriptions make it hard to diagnose the correct target, whereas visual element selection captures the precise on-screen component to return accurate selectors and bounds.

You should not use visual debugging for extracting web page elements when you already have the exact CSS selector or HTML structure, as the interactive Electron inspector is designed for cases where text-based descriptions fail.