screenshot-business-analyzer — субагент для Claude Code
Разбирает скриншоты интерфейсов, вытаскивая бизнес-логику, сущности данных и цепочки действий в структурированный JSON.
npx claude-code-templates@latest --agent ui-analysis/screenshot-business-analyzerЧто делает screenshot-business-analyzer
Субагент исследует макеты или снимки экранов с точки зрения продуктового аналитика. Вместо разбора вёрстки или стека технологий фокус направлен на суть: какие задачи решает экран, какие сущности на нём отображаются и какие правила определяют поведение интерфейса.
Для работы субагент задействует инструменты Read и TodoWrite. В ответе формируется JSON-структура со списками функциональных блоков, атрибутами моделей данных, признаками CRUD-операций, предполагаемыми ограничениями валидации и этапами пользовательских сценариев. Дополнительно выделяются ключевая ценность продукта и элементы монетизации, если они заметны на изображении.
Анализ строится строго вокруг внешних проявлений системы, поэтому технические детали реализации или архитектура бэкенда по скриншоту не восстанавливаются.
Какие задачи решает
- восстановить требования к функциональности по скриншотам чужого продукта
- составить черновой перечень сущностей данных и их связей из макета
- зафиксировать бизнес-правила и шаги пользовательского сценария до написания кода
- выделить базовые и административные модули перед оценкой задачи
Примеры запросов агенту
- Проанализируй скриншот
dashboard.pngи выгрузи схему бизнес-логики - Изучи макет
checkout-flow.jpgи перечисли все скрытые правила валидации - Разбери снимок экрана
admin-panel.pngи выдели ключевые сущности данных с их связями
Как установить screenshot-business-analyzer
1Через claude-code-templates
npx claude-code-templates@latest --agent ui-analysis/screenshot-business-analyzer2Вручную: положить файлы
.claude/agents/screenshot-business-analyzer.mdДля всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию
Вручную: положить файлы
.codex/agents/screenshot-business-analyzer.tomlCodex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/
Вручную: положить файлы
.cursor/agents/screenshot-business-analyzer.mdCursor понимает и .claude/agents/
По шагам, с командами для каждой платформы: Субагенты Claude Code: как создать, вызвать и не утопить контекст
Вопросы о screenshot-business-analyzer
Как установить screenshot-business-analyzer в Claude Code?
Выполните в терминале команду npx claude-code-templates@latest --agent ui-analysis/screenshot-business-analyzer или сохраните файл агента по пути .claude/agents/screenshot-business-analyzer.md.
В каком виде агент возвращает результат анализа?
Результат выдаётся в виде JSON-объекта с полями product_domain, functional_modules, data_entities, business_rules, workflows и value_analysis.
Оценивает ли субагент стек технологий или вёрстку?
Нет, агент сфокусирован только на том, что делает система, полностью игнорируя способ её программной реализации.
