clearshot

Solid

Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.

Web & Frontend 129 stars 12 forks Updated 2 months ago MIT

Install

View on GitHub

Quality Score: 82/100

Stars 20%
70
Recency 20%
75
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

## Preamble Run this bash block first, before any analysis: ```bash # ─── Find skill directory (works from any install path) ─────── _CS_DIR="" for _d in "$HOME/.claude/skills/clearshot" "$HOME/.agents/skills/clearshot"; do [ -f "$_d/SKILL.md" ] && _CS_DIR="$_d" && break done # fallback: search [ -z "$_CS_DIR" ] && _CS_DIR="$(cd "$(dirname "$(find "$HOME/.claude" "$HOME/.agents" -name SKILL.md -path '*/clearshot/*' -print -quit 2>/dev/null)")" 2>/dev/null && pwd || echo "")" _CS_VER="" [ -n "$_CS_DIR" ] && [ -f "$_CS_DIR/VERSION" ] && _CS_VER="$(cat "$_CS_DIR/VERSION" | tr -d '[:space:]')" _CS_STATE="$HOME/.clearshot" mkdir -p "$_CS_STATE/analytics" "$_CS_STATE/feedback" # ─── First-run detection ───────────────────────────────────── _CS_FIRST_RUN="no" [ ! -f "$_CS_STATE/config.yaml" ] && _CS_FIRST_RUN="yes" # ─── Read config (only if it exists) ───────────────────────── _CS_UPDATE_MODE="ask" _CS_TEL="off" _CS_TEL_PROMPTED="no" if [ -f "$_CS_STATE/config.yaml" ]; then _CS_UPDATE_MODE=$(grep -E '^update_mode:' "$_CS_STATE/config.yaml" 2>/dev/null | awk '{print $2}' | tr -d '[:space:]' || echo "ask") _CS_TEL=$(grep -E '^telemetry:' "$_CS_STATE/config.yaml" 2>/dev/null | awk '{print $2}' | tr -d '[:space:]' || echo "off") fi [ -f "$_CS_STATE/.telemetry-prompted" ] && _CS_TEL_PROMPTED="yes" # ─── Version check (only if user opted into updates) ───────── # No network calls until config exists and user has chosen if [ -n "$_CS_VER" ] && [ "$_CS_FIRST_RUN" = "no" ]; then ...

Details

Author
udayanwalvekar
Repository
udayanwalvekar/clearshot
Created
2 months ago
Last Updated
2 months ago
Language
Shell
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

plan-design-review

MANUAL TRIGGER ONLY: invoke only when user types /plan-design-review. Designer's eye plan review — interactive, like CEO and Eng review. Rates each design dimension 0-10, explains what would make it a 10, then fixes the plan to get there. Works in plan mode. For live site visual audits, use /design-review. Use when asked to "review the design plan" or "design critique". Proactively suggest when the user has a plan with UI/UX components that should be reviewed before implementation.

42 Updated 1 months ago
lucas-flatwhite
Code & Development Solid

evolving-config

Audit Claude Code configuration against latest features and best practices. Use when user says "evolve", "self-improve", "audit config", "what's new in claude code", "upgrade configuration", "check for improvements", "are we up to date".

16 Updated 1 months ago
alexei-led
Data & Documents Solid

skill-issue

Audit and review all installed agent skills. Run on-demand or via cron to get a health report: skill inventory, usage tracking, version checks, dependency health, and actionable recommendations (keep, update, review, remove). Use when asked to review skills, check for skill updates, find unused skills, or audit the skill ecosystem.

23 Updated 3 months ago
krispuckett
AI & Automation Listed

skill-vetter

Multi-scanner security gate. TRIGGER when: user mentions installing, adding, or reviewing a skill to Claude Code, OpenClaw, or any other AI agent. Detects malicious code, vulnerabilities, and suspicious patterns.

32 Updated 2 months ago
app-incubator-xyz
Testing & QA Solid

qa

Use when completing any task (final validation step), running audits, preparing for deployment, or when ESLint/TypeScript/build errors occur.

52 Updated 3 weeks ago
holger1411