udayanwalvekarudayanwalvekarCommunity·1 Agent Skills Included

clearshot

Structured UI screenshot analysis with exact colors and spacing

Analyzes UI screenshots with a 5x5 spatial grid, full element inventory, and design system extraction. Replaces vague descriptions with exact hex colors, pixel spacing, and component states before any code is written. Escalates to a full implementation blueprint when rebuilding interfaces, and stays silent on non-UI images.
npx skills add udayanwalvekar/clearshot --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install clearshot?â–¼

Run `npx skills add udayanwalvekar/clearshot --all -g -y` in your terminal to install it globally.

What does clearshot do with a screenshot?â–¼

It maps the layout on a 5x5 grid, inventories every element with exact hex colors and pixel sizes, and extracts the design system. When you are building from the screenshot, it escalates to a full implementation blueprint.

Does clearshot work with Claude Code?â–¼

Yes. It installs as a standard skill and activates automatically whenever you share a UI screenshot in Claude Code.

Will clearshot trigger on every image I share?â–¼

No. It only activates on digital interface screenshots like websites, apps, and dashboards, and stays quiet on photos, memes, and charts.

Does clearshot send my screenshots anywhere?â–¼

No. Everything runs locally, and telemetry is opt-in with an anonymous mode that never includes screenshots or code.

Related Repositories in Design & Creative

View All in Design & Creative→