From summarizer
Describes UI screenshots, architecture diagrams, charts, photos, code screenshots, and terminal output using Read tool, documenting only visible elements.
npx claudepluginhub jamie-bitflight/claude_skills --plugin summarizerThis skill uses the workspace's default tool permissions.
Methodology for summarizing visual content including screenshots, diagrams, charts, photos, code screenshots, and terminal output.
Supports image analysis in code projects using Claude's vision model. Useful for reviewing UI screenshots, extracting data from diagrams, or interpreting charts. Invoke via /Image.
Analyzes PDFs, images, diagrams, screenshots, and charts to describe content, extract tables/charts, or summarize without wasting context tokens.
Analyzes images with MiniMax vision tool for description, OCR, text extraction, UI mockup review, chart data parsing, diagrams. Auto-triggers on image shares or analysis requests.
Share bugs, ideas, or general feedback.
Methodology for summarizing visual content including screenshots, diagrams, charts, photos, code screenshots, and terminal output.
The model MUST use the Read tool to view images. Claude Code is multimodal and can directly read image files.
Supported formats:
Special handling for SVG:
Example:
Read("/path/to/diagram.svg") # Visual view
Read("/path/to/diagram.svg") # Text view for extracting labels
The summarization approach varies by image type. The model MUST identify the image type and apply the corresponding strategy.
The model MUST describe:
Example output structure:
UI screenshot showing [application name if visible] with three-column layout.
Left sidebar contains navigation menu with items: [list items].
Main content area displays [describe primary content].
Top banner shows [error/success/info message if present].
The model MUST describe:
Example output structure:
Architecture diagram with 5 components:
- [Component A] connects to [Component B] via [labeled arrow]
- Data flows from [source] through [intermediate] to [destination]
- [Component X] is grouped with [Component Y] within [boundary label]
The model MUST describe:
Example output structure:
Line graph titled [title] showing [Y-axis label] over [X-axis label].
Trend: [describe pattern - e.g., "steady increase from 10 to 50 over time period"].
Notable points: peak at [X value] with [Y value], lowest point at [X value].
The model MUST describe:
Do NOT:
The model MUST:
Example output structure:
Code screenshot showing [language] file [filename if visible].
Visible code defines [function/class name] that [describe from visible code].
Lines [X-Y] are visible; code appears truncated at [top/bottom/both].
The model MUST:
Example output structure:
Terminal screenshot showing command: [extract exact command]
Output: [extract visible output text]
[If truncated] Output appears truncated; [X] lines visible.
The model MUST describe only what IS visible in the image.
Prohibited behaviors:
Required behaviors:
The model MUST produce a structured summary following the format defined in Structured Summary.
Image-specific frontmatter:
---
source_type: image
source_path: "/absolute/path/to/image.png"
summarized_at: "2026-02-06T10:30:00Z"
method: abstractive
word_count_source: null
word_count_summary: <integer>
compression_ratio: null
confidence: high | medium | low
confidence_notes: "Image clearly visible with high resolution" | "Some labels obscured" | "Low resolution, text partially unreadable"
---
Required sections:
High confidence:
Medium confidence:
Low confidence:
../summarizer/templates/{format_id}.md (default: structured). The template defines the schema, required sections, and fidelity constraints for the selected format.All image summaries MUST comply with the shared fidelity rules defined in Fidelity Rules.
Key rules for images:
---
source_type: image
source_path: "/home/user/screenshot.png"
summarized_at: "2026-02-06T10:45:00Z"
method: abstractive
word_count_source: null
word_count_summary: 85
compression_ratio: null
confidence: high
confidence_notes: "High resolution screenshot with all UI elements clearly visible"
---
Summary: Login page for application "ExampleApp" showing username and password fields, "Remember me" checkbox, and "Sign In" button. Blue banner at top displays "Welcome back!" message.
What Was Found:
What Was NOT Found:
Uncertain: N/A
Sources:
---
source_type: image
source_path: "/home/user/architecture.svg"
summarized_at: "2026-02-06T11:00:00Z"
method: abstractive
word_count_source: null
word_count_summary: 120
compression_ratio: null
confidence: medium
confidence_notes: "Most components labeled clearly, one connection label partially obscured"
---
Summary: Three-tier architecture diagram showing web frontend, API gateway, and database layer with message queue for async processing.
What Was Found:
What Was NOT Found:
Uncertain:
Sources: