Gemini Image

johnlindquist/claude/skills/gemini-image

by johnlindquisteb37d8822593ed1b797b104530ad086270fd2342No licenseListed Oct 9, 2026Updated Oct 9, 2026

Analyze images using Gemini's vision capabilities. Use for image analysis, text extraction from screenshots, and visual content understanding.

Instructions onlyAI & Agents
AI-generated overview

Analyzes images with Gemini vision via CLI prompts for description, OCR, UI review, and data extraction.

What it does
This skill provides prompt patterns and CLI examples for sending images to Gemini Pro's vision model. It covers general description, text extraction from screenshots, code extraction, UI and error analysis, diagram explanation, before/after comparison, design feedback, chart data extraction, and form analysis. It also shows workflow patterns such as turning a screenshot into a bug report, generating React component code from a UI mockup, and writing user documentation for a screen.
When to use it
Use it when you need to interpret an image, pull text out of a screenshot, understand a diagram or chart, or get feedback on a UI or design. It also fits turning screenshots into structured outputs like bug reports or documentation.
Requirements
Requires the google-generativeai Python package and a GEMINI_API_KEY environment variable, plus the gemini CLI and network access to Gemini. It ships no scripts; it is instructions and command examples only.

Gemini Image Analysis

Analyze images using Gemini Pro's vision capabilities.

Prerequisites

bash
pip install google-generativeaiexport GEMINI_API_KEY=your_api_key

CLI Reference

Basic Image Analysis

bash
# Analyze an imagegemini -m pro -f /path/to/image.png "Describe this image in detail"
# With specific questiongemini -m pro -f screenshot.png "What error message is shown?"
# Multiple imagesgemini -m pro -f image1.png -f image2.png "Compare these two images"

Analysis Operations

General Description

bash
gemini -m pro -f image.png "Describe this image comprehensively:1. Main subject/content2. Colors and composition3. Text visible (if any)4. Context and purpose5. Notable details"

Extract Text (OCR)

bash
gemini -m pro -f screenshot.png "Extract all text from this image.Format as plain text, preserving layout where possible.Include any text in buttons, labels, or UI elements."

Code from Screenshot

bash
gemini -m pro -f code-screenshot.png "Extract the code from this screenshot.Provide as properly formatted code with correct indentation.Note any parts that are unclear or partially visible."

UI Analysis

bash
gemini -m pro -f ui-screenshot.png "Analyze this UI:1. What application/website is this?2. What page/screen is shown?3. Main UI elements and their purpose4. User flow/actions available5. Any UX issues or suggestions"

Error Analysis

bash
gemini -m pro -f error-screenshot.png "Analyze this error:1. What error is shown?2. What is the likely cause?3. How to fix it?4. Any related information visible?"

Diagram Understanding

bash
gemini -m pro -f diagram.png "Explain this diagram:1. What type of diagram is this?2. Main components and their relationships3. Data/process flow4. Key takeaways"

Specific Use Cases

Debug Screenshot

bash
gemini -m pro -f debug-screen.png "I'm debugging an issue. From this screenshot:1. What is the current state?2. What errors or warnings are visible?3. What should I look at?4. Suggested next steps"

Compare Before/After

bash
gemini -m pro -f before.png -f after.png "Compare these before and after images:1. What changed?2. Is this an improvement?3. Any issues in the 'after' version?4. Anything missing?"

Design Feedback

bash
gemini -m pro -f design.png "Provide design feedback:1. Visual hierarchy2. Color usage3. Typography4. Spacing and alignment5. Accessibility concerns6. Suggestions for improvement"

Data Extraction

bash
gemini -m pro -f chart.png "Extract data from this chart:1. Chart type2. Data series and values3. Axes labels and ranges4. Key trends or insights5. Output as structured data if possible"

Form Analysis

bash
gemini -m pro -f form.png "Analyze this form:1. Form purpose2. Fields and their types3. Required vs optional4. Validation rules visible5. UX suggestions"

Workflow Patterns

Screenshot to Issue

bash
# Capture screenshot (macOS)screencapture -i /tmp/bug.png
# Analyze and format as issuegemini -m pro -f /tmp/bug.png "Create a bug report from this screenshot:
## Summary[One-line description]
## Steps to Reproduce[Inferred from screenshot]
## Expected Behavior[What should happen]
## Actual Behavior[What the screenshot shows]
## Environment[Any visible system info]"

UI to Code

bash
gemini -m pro -f ui-design.png "Generate React component code that recreates this UI:- Use Tailwind CSS for styling- Make it responsive- Include proper TypeScript types- Add appropriate accessibility attributes"

Documentation

bash
gemini -m pro -f app-screen.png "Write user documentation for this screen:- What this screen is for- How to use each feature- Common tasks- Tips and notes"

Image Types Supported

  • PNG, JPEG, GIF, WebP
  • Screenshots
  • Photos
  • Diagrams and charts
  • UI mockups
  • Code snippets
  • Documents

Best Practices

  1. Use clear images - Higher quality = better analysis
  2. Crop to relevant area - Remove unnecessary context
  3. Ask specific questions - Vague prompts get vague answers
  4. Provide context - Tell Gemini what you're looking for
  5. Verify extracted text - OCR isn't perfect
  6. Multiple angles - Use multiple images for complex subjects

Source and attribution

Source:johnlindquist/claudeinskills/gemini-imageat commiteb37d88

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

More in AI & Agents

Ppt Template Creator

anthropics

Featured

Turns a user's PowerPoint template into a reusable skill that generates branded presentations.

AI & Agents39Kupdated 2 weeks ago

Skill Development

anthropics

Featured

Guides creation of Claude Code plugin skills, covering structure, descriptions, progressive disclosure and validation.

AI & Agents37Kupdated today

Plugin Structure

anthropics

Featured

Guides the structure, manifest, and component layout of Claude Code plugins.

AI & Agents37Kupdated today

Command Development

anthropics

Featured

Guides creation of Claude Code slash commands, covering structure, YAML frontmatter, arguments and plugin features.

AI & Agents37Kupdated today

Claude Md Improver

anthropics

Featured

Audits CLAUDE.md files in a repository, scores their quality, and applies approved targeted improvements.

AI & Agents37Kupdated today

Find Skills

vercel-labs

Featured

Guides discovery, quality checking and installation of agent skills via the npx skills CLI.

AI & Agents33Kupdated today