# screenshot-synthesizer

Merges UI, interaction, and business analysis results into a single Markdown development task checklist.

- subagent · `type=agent` · Claude Code · 346 installs
- Author: davila7
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/agents/ui-analysis/screenshot-synthesizer.md
- Updated: 2026-10-24
- HTML: https://affpapa.org/en/nevibecode/agents/screenshot-synthesizer

## What it does

This subagent acts like a technical product manager. It processes three separate JSON streams: interface layout analysis, interaction patterns, and business entities. The agent cross-references these sources, removes redundant items, and maps user interactions directly to corresponding business modules.

The resulting Markdown file contains prioritized modules, feature groups, and actionable task checkboxes with acceptance criteria. Every task focuses on expected system behavior rather than concrete libraries or frameworks.

Operation depends directly on prior analysis outputs. The subagent expects input in three JSON formats and requires the `Read`, `Write`, and `TodoWrite` tools to inspect files and record progress.

## Install

### Claude Code (native platform)

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

2. **Manually: put the files in place**
- File: `.claude/agents/screenshot-synthesizer.md` — For all projects use ~/.claude/agents/. Claude delegates by the description field or an @-mention

### Codex

**Manually: put the files in place**
- File: `.codex/agents/screenshot-synthesizer.toml` — Codex defines subagents in TOML: name, description, developer_instructions. Move the Markdown text into developer_instructions by hand. For all projects use ~/.codex/agents/

### Cursor

**Manually: put the files in place**
- File: `.cursor/agents/screenshot-synthesizer.md` — Cursor also reads .claude/agents/

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/agents/ui-analysis/screenshot-synthesizer.md

## When to use it
- Merge UI, interaction, and business JSON files into one backlog
- Remove overlapping feature descriptions across separate reports
- Break system modules down into actionable checkbox items
- Outline development scope without tying tasks to a specific tech stack

## Example prompts
- Synthesize ui.json, interaction.json, and business.json into a project task breakdown
- Combine the three analysis files and write the prioritized task list to tasks.md

## Similar
- [context-manager](https://affpapa.org/en/nevibecode/agents/context-manager.md) — subagent · 10638 installs
- [code-architect](https://affpapa.org/en/nevibecode/agents/code-architect.md) — subagent · 1439 installs
- [search-specialist](https://affpapa.org/en/nevibecode/agents/voltagent-community-search-specialist.md) — subagent · 6886 installs
- [content-marketer](https://affpapa.org/en/nevibecode/agents/voltagent-community-content-marketer.md) — subagent · 4038 installs
- [product-manager](https://affpapa.org/en/nevibecode/agents/product-manager.md) — subagent · 1104 installs
- [project-manager](https://affpapa.org/en/nevibecode/agents/project-manager.md) — subagent · 1064 installs

From the same set: [davila7/claude-code-templates](https://affpapa.org/en/nevibecode/by/davila7/claude-code-templates.md) — 804 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md