# screenshot-analyzer

Разбирает скриншоты интерфейса через параллельных субагентов и формирует готовый список задач на разработку в Markdown-файл.

- команда · `type=command` · Claude Code · 165 установок
- Автор: davila7
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/utilities/screenshot-analyzer.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/commands/screenshot-analyzer

## Что делает

Пайплайн запускается в пять этапов. Сначала команда запрашивает путь к файлам и контекст: для чего нужен анализ и какое приложение изучается. Затем через инструмент `Task` параллельно стартуют три агента. Первый разбирает UI-компоненты и сетку, второй фиксирует сценарии взаимодействия и интерактивные элементы, а третий выделяет бизнес-сущности и логику предметной области.

После этого подключаются ещё два агента. Синтезатор объединяет найденные данные, убирает повторы и строит иерархический список задач. Следом ревьюер сверяет получившийся план с исходной картинкой и ищет пропущенные функции.

Итоговый отчёт пишется в папку `docs/plans/` с именем формата `YYYY-MM-DD-<product>-features.md`. Без инструмента `Task` команда работать не сможет, потому что именно он отвечает за вызов субагентов.

## Установка

### Claude Code (родная платформа)

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --command utilities/screenshot-analyzer
```

2. **Вручную: положить файлы**
- Файл: `.claude/commands/screenshot-analyzer.md` — Вызов — /screenshot-analyzer. Для всех проектов — ~/.claude/commands/

### Codex

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/screenshot-analyzer.md` — Вызов — /prompts:screenshot-analyzer. В Codex этот формат помечен устаревшим, замена — скиллы

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/screenshot-analyzer.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/screenshot-analyzer.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/utilities/screenshot-analyzer.md

## Когда брать
- разобрать UI-компоненты и сетку экрана по скриншоту
- извлечь бизнес-сущности и доменную логику из интерфейса
- описать пользовательские сценарии и кликабельные элементы
- составить иерархический список задач для разработки

## Примеры запросов агенту
- /screenshot-analyzer ./screenshots/dashboard.png
- /screenshot-analyzer разбери мобильный экран оформления заказа из ./mockups/checkout.png
- /screenshot-analyzer

## Похожие
- [feature-dev](https://affpapa.org/nevibecode/commands/feature-dev.md) — команда · 179 установок
- [security-hardening](https://affpapa.org/nevibecode/commands/security-hardening.md) — команда · 437 установок
- [status](https://affpapa.org/nevibecode/commands/seth-hobson-status.md) — команда · 348 установок

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 651 карточка

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md