minimax-image-understanding — скилл для Claude Code: установка
Скилл передаёт изображения в визуальную модель MiniMax через инструмент understand_image. Он нужен для распознавания текста на скриншотах, разбора макетов и поиска визуальных багов.
npx skills add imsus/pi-extension-minimax-coding-plan-mcp --skill minimax-image-understanding -a claude-codeЧто делает minimax-image-understanding
Скилл подключает к агенту инструмент understand_image, отправляющий запросы к VLM-эндпоинту MiniMax по адресу {api_host}/v1/coding_plan/vlm. С его помощью агент разбирает скриншоты ошибок, исследует структуру UI, считывает код из картинок и вытягивает текст через OCR.
На вход можно передавать прямые ссылки http/https, локальные файлы или готовый base64. Префикс @ в путях удаляется автоматически. Поддерживаются только JPEG, PNG и WebP.
Векторную графику SVG, GIF и PDF инструмент не обработает. Без действующего ключа API и верификации профиля эндпоинт вернёт ошибку со статусом 1004 или 2038.
Какие задачи решает
- распознать текст и код со скриншота
- разобрать визуальные ошибки верстки в макете
- извлечь текст сообщения об ошибке из интерфейса
- описать композицию и элементы дизайна интерфейса
Примеры запросов агенту
- Прочитай текст ошибки на скриншоте ./error-screenshot.png
- Разбери код на картинке https://example.com/code.png и перепиши его текстом
- Оцени структуру интерфейса по макету /Users/username/Documents/mockup.png
Как установить minimax-image-understanding
1Через Skills CLI (Vercel)
npx skills add imsus/pi-extension-minimax-coding-plan-mcp --skill minimax-image-understanding -a claude-code2Вручную: положить файлы
~/.claude/skills/minimax-image-understanding/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/minimax-image-understanding/
1Через Skills CLI (Vercel)
npx skills add imsus/pi-extension-minimax-coding-plan-mcp --skill minimax-image-understanding -a codex2Вручную: положить файлы
.agents/skills/minimax-image-understanding/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add imsus/pi-extension-minimax-coding-plan-mcp --skill minimax-image-understanding -a cursor2Вручную: положить файлы
.cursor/skills/minimax-image-understanding/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install imsus/pi-extension-minimax-coding-plan-mcp minimax-image-understanding2Вручную: положить файлы
.github/skills/minimax-image-understanding/SKILL.md1Через Skills CLI (Vercel)
npx skills add imsus/pi-extension-minimax-coding-plan-mcp --skill minimax-image-understanding -a gemini-cli2Командой платформы
gemini skills install https://github.com/imsus/pi-extension-minimax-coding-plan-mcp --path skills/minimax-image-understandingВручную: положить файлы
.devin/skills/minimax-image-understanding/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add imsus/pi-extension-minimax-coding-plan-mcp --skill minimax-image-understanding -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о minimax-image-understanding
Как установить minimax-image-understanding в Claude Code?
Выполните команду npx skills add imsus/pi-extension-minimax-coding-plan-mcp --skill minimax-image-understanding -a claude-code. Файл навыка будет сохранён по пути ~/.claude/skills/minimax-image-understanding/SKILL.md.
Какие форматы файлов поддерживает understand_image?
Инструмент принимает только изображения в форматах JPEG, PNG и WebP. Форматы вроде PDF, GIF, PSD или SVG не поддерживаются.
Из-за чего возникают ошибки со статусом 1004 и 2038?
Код 1004 указывает на неверный API-ключ или неподдерживаемый регион. Статус 2038 означает, что аккаунт требует подтверждения личности.
Исходный текст
SKILL.md · MIT
---
name: minimax-image-understanding
description: Analyze images using AI with the understand_image tool
---
# MiniMax Image Understanding Skill
Use this skill when you need to analyze, describe, or extract information from images.
## How to Use
Call the `understand_image` tool directly with a prompt and image URL:
```
understand_image({
prompt: "Your question about the image",
image_url: "https://example.com/image.png"
})
```
## When to Use
Use `understand_image` when:
- **Screenshots**: Error messages, UI issues, code in screenshots
- **Visual content**: Photos, diagrams, charts, graphs
- **Documents**: Extracting text from images (OCR), understanding layouts
- **UI/UX analysis**: Evaluating designs, identifying components
- **Visual debugging**: Understanding visual bugs or layout issues
## When NOT to Use
Do NOT use `understand_image` when:
- **Image is already described** in the conversation
- **The image is a simple icon** or emoji you recognize
- **No image is provided** or the image URL is inaccessible
- **Redundant with existing context** (e.g., file contents already visible)
## Usage
```
understand_image({
prompt: "What do you see in this image?",
image_url: "https://example.com/screenshot.png"
})
```
## API Details
**Endpoint**: `POST {api_host}/v1/coding_plan/vlm`
**Request Body**:
```json
{
"prompt": "Your question about the image",
"image_url": "data:image/jpeg;base64,/9j/4AAQ..."
}
```
**Response Format**:
```json
{
"content": "AI analysis of the image...",
"base_resp": {
"status_code": 0,
"status_msg": "success"
}
}
```
## Image Processing
The tool automatically handles three types of image inputs:
1. **HTTP/HTTPS URLs**: Downloads the image and converts to base64
- Example: `https://example.com/image.jpg`
2. **Local file paths**: Reads local files and converts to base64
- Absolute: `/Users/username/Documents/image.png`
- Relative: `images/photo.png`
- Removes `@` prefix if present
3. **Base64 data URLs**: Passes through existing base64 data
- Example: `data:image/png;base64,iVBORw0KGgo...`
## Image Formats
Supported:
- **JPEG** (.jpg, .jpeg)
- **PNG** (.png)
- **WebP** (.webp)
Not supported:
- PDF, GIF, PSD, SVG, and other formats
## Crafting Effective Prompts
### For Descriptions
- "Describe what's in this image in detail"
- "What is the main subject of this image?"
- "Describe the visual style and composition"
### For Code/Technical
- "What code is shown in this screenshot?"
- "Extract all text from this image"
- "Identify the UI framework/components used"
### For Analysis
- "Analyze this UI design. What is working well and what could be improved?"
- "What emotions or mood does this image convey?"
- "Compare this design to Material Design principles"
### For OCR/Text Extraction
- "Extract all text from this image"
- "Read the error message in this screenshot"
- "What does the label say in this image?"
## Examples
### Error Analysis
```
understand_image({
prompt: "What is the error message and where is it located in this screenshot?",
image_url: "./error-screenshot.png"
})
```
### Code Screenshot
```
understand_image({
prompt: "What code is shown in this screenshot? Please transcribe it exactly.",
image_url: "https://example.com/code.png"
})
```
### Design Review
```
understand_image({
prompt: "Analyze this UI design. What is working well and what could be improved?",
image_url: "https://example.com/mockup.png"
})
```
### OCR
```
understand_image({
prompt: "Extract all text from this image",
image_url: "/Users/username/Documents/scan.png"
})
```
## Tips
1. **Be specific** in your prompt about what you want to know
2. **Mention format** if you need structured output (e.g., "list all elements")
3. **Include context** if the image is part of a larger task
4. **For screenshots**, specify if you need full-page or just a specific area
5. **Complex analysis** may trigger a confirmation prompt (analyze, extract, describe, recognize, transcribe, read)
## Error Handling
- **Status code 1004**: Authentication error - check API key and region
- **Status code 2038**: Real-name verification required
- **Invalid image**: File doesn't exist or URL is inaccessible
- **Unsupported format**: Image format not in JPEG, PNG, WebP
© imsus · MIT · imsus/pi-extension-minimax-coding-plan-mcp