Vision
Video & media14.7K installs
What it does
See and understand images when you (the current model) have no native vision. Use this WHENEVER you need to look at, read, describe, OCR, or reason about the contents of an image, screenshot, photo, diagram, chart, UI mockup, or scanned page — including when the user references…
Install
npx skills add https://github.com/kotot/vision --skill visionWebsite
www.skills.sh/kotot/vision/visionDetails
From the skill’s SKILL.md or README, by its authors. View the original
Vision (delegated image understanding)
You do not have native vision, but you can still see an image by running the bundled script, which sends the image to a configurable OpenAI-compatible vision model and returns a text answer.
When to use
Use this skill whenever a task requires understanding image content and you cannot view it directly, for example:
- The user uploads or points to an image / screenshot / photo and asks what's in it.
- You need to read text inside an image (OCR).
- You need to diagnose an error from a screenshot.
- You need to understand a UI mockup, diagram, chart, or scanned document.
- You need to compare what an image shows against code or expected output.
How to use
Run the script with the Bash tool. Pass the image (local path or http(s) URL) and a clear, specific instruction describing what you need to know:
python3 "$CLAUDE_SKILL_DIR/scripts/see.py" "your question"
If $CLAUDE_SKILL_DIR is not set in your environment, use the relative path to this skill folder, e.g. python3 scripts/see.py ... from the skill directory, or the absolute path where the skill is installed.
Examples:
# Describe an image
python3 scripts/see.py ./photo.jpg "Describe this image in detail"
# OCR — extract text
python3 scripts/see.py ./receipt.png "Transcribe all text exactly, preserving layout"
# Diagnose an error screenshot
python3 scripts/see.py ./error.png "What error is shown and what is the likely cause?"
# Read a chart into structured data
python3 scripts/see.py ./chart.png "Extract every series, label, and value as a markdown table"
# Remote image
python3 scripts/see.py "https://example.com/diagram.png" "Explain this architecture diagram"
The script prints the model's answer to stdout. Read that answer and use it to continue the task. Ask a focused question rather than a generic describe when you need something specific (a value, a status, an error message) — you get better results and spend fewer tokens.
Configuration (required, set once)
The script reads its config from environment variables or a .claude/settings.json env block (same variable names as the vision-mcp-server MCP, so config carries over). Resolution order: an explicit environment variable wins; otherwise the script reads .claude/settings.json, searching from the current directory upward and then ~/.claude/.
| Variable | Required | Example |
|---|---|---|
VISION_BASE_URL | yes | http://localhost:1234/v1/chat/completions |
VISION_MODEL | yes | Qwen3-VL-32B, gpt-4o, glm-4v, ... |
VISION_API_KEY | no* | your API key (*optional for local servers) |
VISION_MAX_TOKENS | no | 4096 |
VISION_TEMPERATURE | no | 0.2 |
VISION_DETAIL | no | auto | low | high |
VISION_TIMEOUT | no | 120 |
> VISION_BASE_URL must be the full chat-completions endpoint > (.../v1/chat/completions), not just the base URL.
Set them in your shell profile, or in the MCP/agent env block, or inline:
export VISION_BASE_URL=http://localhost:1234/v1/chat/completions
export VISION_MODEL=Qwen3-VL-32B
export VISION_API_KEY=sk-... # optional for local
Or put them in .claude/settings.json (project-level, or global ~/.claude/):
{
"env": {
"VISION_BASE_URL": "http://localhost:1234/v1/chat/completions",
"VISION_MODEL": "Qwen3-VL-32B",
"VISION_API_KEY": "sk-..."
}
}
Notes
- Pure Python standard library — no
pip installneeded. - Local files are auto-converted to a base64 data URL; http(s) URLs are passed through.
- If the script reports a missing variable or an unreachable endpoint, fix the
config above and retry. Add --dry-run to inspect the request without sending it: python3 scripts/see.py --dry-run img.png "test".
More Video & media skills
See allVideo & media
The HyperFrames CLI by job - scaffold, check, look at frames, edit the timeline, preview, render locally or in the cloud, publish, project history - plus reading its JSON and recovering from build or render failures.
1.5M installsnpx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-cliVideo & media
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips, title cards, captions and overlays. Holds the render contract, the work loop and what each kind of…
1.4M installsnpx skills add https://github.com/heygen-com/hyperframes --skill hyperframesVideo & media
Get or make any media for a HyperFrames video - music, sound effects, images, icons, logos, voiceover, avatar and generated video, transcripts, cutouts, colour grades and looks - with HeyGen or free local tools, and mix placed audio. Also for footage that looks dark, flat or…
1.3M installsnpx skills add https://github.com/heygen-com/hyperframes --skill media-useVideo & media
About 450 ready-made HyperFrames blocks and components installed as editable source - transitions, overlays, titles, kinetic type, captions, charts, map overlays, 3D, camera moves. Use it before hand-building any named visual (CRT scanlines, glitch, film grain, a chart); also…
1.2M installsnpx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-registry
Skills are shared by members and not reviewed by us. Read a skill’s code before you install it.