# screenshot-synthesizer

Объединяет JSON-отчёты по интерфейсу, взаимодействию и бизнес-логике в единый список задач разработки в формате Markdown.

- субагент · `type=agent` · Claude Code · 346 установок
- Автор: davila7
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/agents/ui-analysis/screenshot-synthesizer.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/agents/screenshot-synthesizer

## Что делает

Субагент берёт на себя роль технического продакт-менеджера. Он принимает три отдельных JSON-файла: разбор интерфейса, карту пользовательских взаимодействий и описание бизнес-модулей. Из этих источников агент устраняет дубли, находит пропущенные связи и формирует структуру проекта от модулей к отдельным подзадачам.

В результат попадает итоговый Markdown-документ с чекбоксами задач, подсчётом модулей и заметками о зависимостях. Формулировки ориентированы строго на требования к продукту: агент описывает поведение системы без привязки к конкретному стеку или библиотекам.

Для работы субагенту обязательно нужны готовые файлы анализа от предыдущих шагов пайплайна и доступ к инструментам `Read`, `Write` и `TodoWrite`. Без входных структурированных данных составить план не выйдет.

## Установка

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

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --agent ui-analysis/screenshot-synthesizer
```

2. **Вручную: положить файлы**
- Файл: `.claude/agents/screenshot-synthesizer.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/screenshot-synthesizer.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/screenshot-synthesizer.md` — Cursor понимает и .claude/agents/

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

## Когда брать
- Свести три разных JSON-отчёта по макетам в единый план разработки
- Убрать дублирующие требования к интерфейсу и логике
- Разбить крупные продуктовые модули на проверяемые подзадачи с чекбоксами
- Сформировать список задач без привязки к конкретному языку программирования

## Примеры запросов агенту
- Объедини анализы из ui.json, interaction.json и business.json в итоговый план задач
- Собери бэклог фич на основе трёх JSON-разборов скриншота и сохрани в backlog.md

## Похожие
- [context-manager](https://affpapa.org/nevibecode/agents/context-manager.md) — субагент · 10638 установок
- [code-architect](https://affpapa.org/nevibecode/agents/code-architect.md) — субагент · 1439 установок
- [search-specialist](https://affpapa.org/nevibecode/agents/voltagent-community-search-specialist.md) — субагент · 6886 установок
- [content-marketer](https://affpapa.org/nevibecode/agents/voltagent-community-content-marketer.md) — субагент · 4038 установок
- [product-manager](https://affpapa.org/nevibecode/agents/product-manager.md) — субагент · 1104 установки
- [project-manager](https://affpapa.org/nevibecode/agents/project-manager.md) — субагент · 1064 установки

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

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