api-ai-claude-vision
Image understanding and document analysis with Claude's multimodal capabilities -- image input formats, PDF processing, multi-image patterns, structured extraction, and token cost estimation
npx skills add majiayu000/claude-skill-registry --skill api-ai-claude-vision --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Claude Vision Patterns > **Quick Guide:** Use `type: "image"` content blocks for images (base64, URL, or file_id) and `type: "document"` content blocks for PDFs. Supported image formats: JPEG, PNG, GIF, WebP. Images before text in the content array improves results. Token cost formula: `tokens = (width * height) / 750`. Images are auto-resized if the long edge exceeds 1568px or exceeds ~1600 tokens. PDFs use `type: "document"` with `media_type: "application/pdf"`. No OCR library needed -- Claude reads text directly from images and PDFs. --- <critical_requirements> ## CRITICAL: Before Using This Skill > **All code must follow project conventions in CLAUDE.md** (kebab-case, named exports, import ordering, `import type`, named constants) **(You MUST use `type: "image"` for images and `type: "document"` for PDFs -- they are different content block types)** **(You MUST place images and documents BEFORE text in the content array -- Claude performs better with visual content first)** **(You MUST always provide `max_tokens` in every request -- it is required and has no default)** **(You MUST iterate over `response.content` blocks -- never assume a single text block in the response)** **(
- CRITICAL: Before Using This Skill
- Examples Index
- Philosophy
- Core Patterns
- Pattern 1: Base64 Image Input
- Pattern 2: URL vs Base64 vs Files API
- Pattern 3: PDF Document Input
- Pattern 4: Multiple Images with Labels
- Pattern 5: Token Cost Estimation
- Pattern 6: Structured Data Extraction
- Performance Optimization
- Image Sizing Strategy
- Cost Reduction Techniques
- PDF Token Costs
What does the api-ai-claude-vision skill do?
Image understanding and document analysis with Claude's multimodal capabilities -- image input formats, PDF processing, multi-image patterns, structured extraction, and token cost estimation
How do I install it?
Run `npx skills add majiayu000/claude-skill-registry --skill api-ai-claude-vision --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From majiayu000/claude-skill-registry, a repository with 534 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.