Skills
.Work. You
Rest

cluso-inspector

Community

Visually identify the exact UI element

Design & Creative#electron#visual debugging#css selector#html extraction#web inspection#ui element selection#screenshot context
Authorjasonkneen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

When a user’s description of a UI element is unclear, it becomes hard to diagnose the right target and produce correct selectors, HTML, or layout/context.

Core Features & Use Cases

  • Visual element selection to capture the precise on-screen element the user means.
  • HTML and CSS selector extraction to provide the exact structure and selector path for downstream reasoning or fixes.
  • Screenshot + bounds + state classes for visual debugging, including where the element sits and what interactive states it shows.
  • Use case: Troubleshooting a broken button by selecting it visually, then using the returned HTML/selector and bounds to understand why it fails or where it’s positioned incorrectly.

Quick Start

Ask your AI to run the inspector against the page URL, then click the element you want to show so it returns screenshot, HTML, selector, bounds, and state classes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: cluso-inspector
Download link: https://github.com/jasonkneen/cluso-inspector-skill/archive/main.zip#cluso-inspector

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.