vision-click

Extract click coordinates from screenshots and click non-DOM elements.

5|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill vision-click
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vision-click
Source: https://github.com/lidge-jun/cli-jaw-skills/tree/main/vision-click
Command: npx skills add https://github.com/lidge-jun/cli-jaw-skills --skill vision-click

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires codex, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables interaction with non-DOM elements on a webpage by using AI to interpret visual information and determine click coordinates, overcoming limitations of traditional element-based clicking.

Core Features & Use Cases

  • Vision-Based Clicking: Clicks elements based on their visual appearance in a screenshot, not their DOM ID or selector.
  • Fallback for Complex UIs: Ideal for clicking elements within canvas, iframes, Shadow DOM, or dynamically rendered content where standard selectors fail.
  • Use Case: Clicking a "Submit" button within a complex web application's canvas element where no standard HTML element is available for selection.

Quick Start

Use the vision-click skill to click the "Submit button" on the current screen.

Frequently Asked Questions about vision-click

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

FAQPage Schema
How do I click elements inside a canvas or Shadow DOM when standard selectors are unavailable?

To click elements inside a canvas or Shadow DOM, use AI vision-based coordinate extraction to analyze screenshots and determine visual coordinates for mouse interaction. This bypasses standard DOM selectors by interpreting pixels, enabling clicks on dynamically rendered or complex UI elements.

Do I need Codex CLI to perform vision-based clicking on webpages?

Yes, you need Codex CLI to perform vision-based clicking, as it handles the AI analysis of screenshots for coordinate extraction. You also need cli-jaw to manage browser interaction and capture the screenshots required for processing.

What is the best way to automate clicks on dynamically rendered web content without HTML element IDs?

The best way to automate clicks on dynamically rendered content without HTML IDs is using AI vision analysis to extract visual coordinates from screenshots. This approach interprets visual appearance rather than DOM structure, successfully targeting elements in iframes or canvas.

Can AI vision analysis identify click coordinates for buttons within complex web applications?

Yes, AI vision analysis can identify click coordinates for buttons within complex web applications by evaluating their visual appearance in a screenshot. It processes the image to locate the element and calculates precise coordinates for mouse execution.

Why does my browser automation script fail to click elements inside iframes and Shadow DOM?

Browser automation scripts fail on iframes and Shadow DOM because standard element selectors cannot penetrate these boundaries. Vision-based coordinate extraction solves this by analyzing a screenshot visually and clicking the target coordinates directly.

How to click a Submit button on a canvas element using AI screenshot analysis?

To click a Submit button on a canvas element, invoke the vision-click skill to capture a screenshot, use Codex CLI for AI visual analysis to extract the button coordinates, and execute the mouse click via cli-jaw.