Vision Sandbox

Analyze images with Gemini code execution to extract UI element coordinates.

Updated Feb 1, 2026
One-click install
npx skills add https://github.com/ShenWang96/clawdbot_workspace_backup --skill vision-sandbox-shenwang96
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Vision Sandbox
Source: https://github.com/ShenWang96/clawdbot_workspace_backup/tree/main/skills/vision-sandbox
Command: npx skills add https://github.com/ShenWang96/clawdbot_workspace_backup --skill vision-sandbox-shenwang96

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-genai, and includes scripts (resource) components.

What problem does it solve?

Analyzes images using Gemini's code execution sandbox to verify visual data and derive precise UI metadata.

Core Features & Use Cases

  • Spatial grounding: obtain exact coordinates of UI elements.
  • Visual reasoning: perform pixel-level analysis with code execution.
  • UI auditing: detect overlaps, alignment, and accessibility issues.

Quick Start

Run vision-sandbox on an image with a prompt to extract UI element coordinates using code execution.

Frequently Asked Questions about Vision Sandbox

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

FAQPage Schema
How do I extract exact coordinates of UI elements from an image?

To extract exact coordinates of UI elements from an image, you can use visual grounding with a code execution sandbox. This approach analyzes images via code to verify visual data and derive precise spatial metadata.

What is visual grounding and how does it work for UI auditing?

Visual grounding for UI auditing is the process of obtaining exact coordinates of interface elements within an image. It works by executing code in a sandbox to perform pixel-level analysis and verify spatial data.

How do I perform pixel-level visual reasoning on an image using Gemini?

You can perform pixel-level visual reasoning on an image using Gemini by running vision tasks inside its code execution sandbox. This allows the model to write and execute code to analyze visual data and derive precise measurements.

Do I need an API key to run image analysis tasks in a code sandbox?

Yes, you need a GEMINI_API_KEY to run image analysis tasks in the code sandbox. You also need the uv dependency manager and the google-genai library to interact with the model and execute the vision tasks.

Can I detect UI alignment and accessibility issues from a screenshot?

Yes, you can detect UI alignment and accessibility issues from a screenshot by running it through a vision code sandbox. The sandbox executes code to perform UI auditing, verifying visual data to find overlaps and alignment problems.

What is the best way to verify visual data and derive exact UI metadata?

The best way to verify visual data and derive exact UI metadata is using a code execution sandbox with a vision model. This approach performs pixel-level analysis to obtain precise coordinates, unlike standard image classification tools.