Gemini Image

johnlindquist/claude/skills/gemini-image

作者 johnlindquisteb37d8822593ed1b797b104530ad086270fd2342無授權條款26 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫9 個月前更新

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

僅含說明AI & Agents
AI 產生的概覽

透過 Gemini 視覺能力分析圖像,支援描述、OCR、介面檢視與資料擷取。

功能
此技能提供提示詞範本與命令列範例,用來把圖像送往 Gemini Pro 視覺模型。涵蓋一般描述、從截圖擷取文字、擷取程式碼、介面與錯誤分析、圖表解讀、前後對比、設計回饋、圖表資料擷取以及表單分析。也示範工作流程,例如把截圖整理成缺陷報告、依介面稿產生 React 元件程式碼,以及為某個畫面撰寫使用者文件。
適用情境
當你需要解讀圖像、從截圖擷取文字、理解圖表或示意圖,或取得介面與設計回饋時使用。也適合把截圖轉成缺陷報告、文件等結構化產出。
執行需求
需要 google-generativeai Python 套件與 GEMINI_API_KEY 環境變數,以及 gemini 命令列工具和連線至 Gemini 的網路存取。此技能不含指令碼,僅為說明與命令範例。

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

來源與署名

來源:johnlindquist/claude位於skills/gemini-image提交eb37d88

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架