screenshot-feature-extractor

Screenshot Analyzer (Multi-Agent)

Extract product features from UI screenshots using a coordinated multi-agent analysis pipeline.

Core principle: Describe WHAT to build (features/interactions), NOT HOW (no tech stack).

Multi-Agent Architecture

This skill orchestrates 5 specialized agents for comprehensive analysis:

                    ┌─────────────────┐
                    │   Coordinator   │
                    │   (this skill)  │
                    └────────┬────────┘
                             │
         ┌───────────────────┼───────────────────┐
         │                   │                   │
         ▼                   ▼                   ▼
┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
│  UI Analyzer    │ │  Interaction    │ │   Business      │
│  (parallel)     │ │   Analyzer      │ │    Analyzer     │
│                 │ │  (parallel)     │ │   (parallel)    │
└────────┬────────┘ └────────┬────────┘ └────────┬────────┘
         │                   │                   │
         └───────────────────┼───────────────────┘

Process

Phase 1: Screenshot Collection

Gather all screenshots to analyze:

1. Read the screenshot file(s) provided by the user
2. For each screenshot, note the file path and any context provided
3. If multiple screenshots, determine if they are from the same product

Phase 2: Parallel Analysis

Launch THREE Task agents IN PARALLEL for each screenshot:

Agent 1: screenshot-ui-analyzer

Agent 2: screenshot-interaction-analyzer

Agent 3: screenshot-business-analyzer

IMPORTANT: Use the Task tool with THREE parallel calls in a single message to maximize efficiency.

Phase 3: Synthesis

After all parallel analyses complete, launch the synthesizer agent:

Agent 4: screenshot-synthesizer

Phase 4: Review

Launch the reviewer agent to validate the output:

Agent 5: screenshot-reviewer

Phase 5: Output

1. Write final task list to docs/plans/YYYY-MM-DD-<product>-features.md
2. Use format from references/output-format.md
3. Present summary to user

Key Guidelines

• Use - [ ] checkbox format for all tasks
• Break features into small, executable subtasks
• Focus on user interactions, not implementation details
• For multiple screenshots: deduplicate features across all screens
• For competitive analysis: highlight unique features and gaps

Benefits of Multi-Agent Approach

1. Thoroughness - Three specialized perspectives catch more details
2. Speed - Parallel analysis reduces total time
3. Quality - Synthesis + Review ensures coherent, complete output
4. Specialization - Each agent focuses on its domain expertise