Gemini Image

johnlindquist/claude/skills/gemini-image

作者 johnlindquisteb37d8822593ed1b797b104530ad086270fd2342无许可证收录于 2026年10月9日更新于 2026年10月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 从公开仓库中收录这些内容。

举报或申请下架