OpenParable
Skip to content
← Back to skills

Screenshot Analyzer

Documents
screenshot-analyzer

Screenshot Analyzer is an Agent Skill for documents published in the majiayu000/claude-skill-registry repository on GitHub: a SKILL.md instruction file an AI agent can load to do this task.

Analyze screenshots for error diagnosis and tutorial generation using Gemini Vision API. Detects errors, suggests solutions, or generates step-by-step operation guides. Use when debugging from screenshots or creating how-to documentation.

View on GitHub ↗
QUICK START

How to use this skill

Bring this guide into your coding agent with a prompt tailored to the tool you use.

  1. Open your project in Codex.
  2. Copy and paste the prompt below.
  3. Review files and risks before approving any action.
Prompt to paste
Inspect the Agent Skill at https://github.com/majiayu000/claude-skill-registry/blob/HEAD/skills/data/screenshot-analyzer/SKILL.md and all supporting files. Report provenance, permissions, scripts, dependencies, and security risks. Propose an exact installation into .agents/skills/screenshot-analyzer, but wait for my approval before writing files or running scripts.

Copying this prompt does not install or run the skill. Review third-party files before use.

Screenshot Analyzer

Analyze screenshots for error diagnosis or operation tutorial generation.

Modes

  1. Analyze: Detect errors, identify causes, suggest solutions
  2. Tutorial: Generate step-by-step operation guides with annotations

Usage

# Error analysis (default)
python scripts/analyze.py "{screenshot}" --mode analyze

# Tutorial generation
python scripts/analyze.py "{screenshot}" --mode tutorial

Parameters

ParameterRequiredDefaultDescription
screenshotYes-Path to screenshot
--mode, -mNoanalyzeMode: analyze or tutorial
--output, -oNoautoOutput HTML path
--no-annotateNofalseSkip annotation generation

Output

Analyze Mode

  • Screen description
  • Error detection (message, type, location)
  • Root cause analysis
  • Solution suggestions (NextStep)

Tutorial Mode

  • Screen overview
  • Numbered operation steps
  • Annotated screenshots per step
  • Tips and warnings

Examples

# Analyze error screenshot
python scripts/analyze.py "error_console.png"

# Generate tutorial
python scripts/analyze.py "settings_menu.png" --mode tutorial

# Specify output
python scripts/analyze.py "login.png" --mode tutorial --output "docs/login_guide.html"

# Skip annotations
python scripts/analyze.py "error.png" --no-annotate

Requirements

  • GEMINI_API_KEY or GOOGLE_API_KEY in environment
  • Python packages: google-genai, Pillow, python-dotenv