Skip to main content
affpapa.org
RU EN
subagent

screenshot-business-analyzer — Claude Code subagent overview

Extracts domain concepts, business rules, and data entities from UI screenshots into structured JSON.

Install into Claude Code · claude-code-templates All methods and platforms ↓ 
npx claude-code-templates@latest --agent ui-analysis/screenshot-business-analyzer
Open on GitHub

What screenshot-business-analyzer does

This subagent reviews user interface designs through a business analyst lens. Rather than inspecting CSS or tech stacks, it isolates functional modules, permissions, status workflows, and implied validation rules directly from visible screens.

The subagent relies on Read and TodoWrite tools. Its output provides a JSON payload breaking down core features by priority, tracking entity attributes with CRUD markers, and mapping user journeys step by step. It also flags potential monetization points when screens expose them.

Because the agent evaluates what the application does rather than how it was built, code implementation details are left out.

What it helps with

  • extract domain requirements directly from UI designs
  • identify data entities and their visible relationships from screen captures
  • document implicit business validation rules before writing specifications
  • catalog core versus administrative feature modules during product discovery

Example prompts for the agent

  • Analyze checkout-screen.png and output the business domain logic
  • Review the screenshot in crm-view.jpg and list all identifiable data entities
  • Examine billing-modal.png to map visible workflows and monetization rules

How to install screenshot-business-analyzer

1claude-code-templates

npx claude-code-templates@latest --agent ui-analysis/screenshot-business-analyzer

2Manually: put the files in place

.claude/agents/screenshot-business-analyzer.md

For all projects use ~/.claude/agents/. Claude delegates by the description field or an @-mention

Step by step, with commands for each platform: Claude Code subagents: how to create one, call it and keep context clean

Questions about screenshot-business-analyzer

How do I install screenshot-business-analyzer in Claude Code?

Run npx claude-code-templates@latest --agent ui-analysis/screenshot-business-analyzer in your terminal or place the definition at .claude/agents/screenshot-business-analyzer.md.

What output format does this subagent produce?

It outputs a JSON document containing keys for domain categorization, functional components, data models, business rules, workflows, and value analysis.

Does this agent inspect frontend code or styling?

No, it deliberately ignores technical architecture to focus entirely on functional logic and user workflows visible on screen.

Similar subagents

All subagents for Design →
ui-ux-designer Seth Hobson This subagent creates interfaces, wireframes, and design systems. Use it for user flows, accessibility work, and consistent UI patterns. CX Codex 27,069installs ui-designer VoltAgent Community Designs visual interfaces, builds component libraries, and creates handoff documentation. Ideal when code needs structured UI states and design tokens. 1,979installs ui-designer Seth Hobson Designs interfaces, components, and responsive layouts with implementation in mind. Use it when building screens, forms, tables, or a design system. CX Codex 1,979installs mobile-app-developer VoltAgent Community This subagent helps build iOS and Android apps by working through requirements, architecture, performance, and platform constraints. 1,552installs ux-researcher VoltAgent Community This subagent plans UX research, interprets user behavior, and turns findings into design recommendations. Use it to validate a design decision or investigate user needs. 703installs accessibility-tester VoltAgent Community This subagent tests interface accessibility, WCAG conformance, and assistive technology support. Use it for audits and accessibility fixes in a project. 346installs

From the same set804

The whole set →
e2e-setup Sets up end-to-end testing in your project, selects a framework like Playwright or Cypress, and prepares CI integration. 477installs optimize-memory-usage This command investigates leaks and high memory use, then guides profiling and tuning for frontend, backend, or database work. 476installs podcast-content-analyzer A Claude subagent that reads podcast transcripts, finds viral moments, builds chapter markers, pulls SEO keywords and scores clip potential. 474installs ci-pipeline Configures and diagnoses GitHub Actions workflows directly from chat. Useful when you need testing matrices, deployment stages, and automated security scans in a project. 470installs playwright Automates a real browser from your terminal using playwright-cli. Helps navigate pages, fill forms, take screenshots, and inspect DOM snapshots during CLI tasks. 466installs project-health-check Runs git and dependency checks to build a markdown project health report with a 0 to 100 score. Useful before sprint planning or major releases. 466installs validate-branch-name A hook that inspects Bash commands before they run and blocks any branch name that falls outside Git Flow. 464installs communication-excellence-coach Reviews email drafts and adjusts message tone for different audiences. Prepares you for difficult workplace conversations using What-Why-How and SBI models. 464installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor