screenshot-feature-extractor

スクリーンショット分析ツール（マルチエージェント）

協調型のマルチエージェント分析パイプラインを使用して、UI スクリーンショットから製品機能を抽出します。

基本原則: 何を（機能・インタラクション）構築するかを記述し、どのように（技術スタック）構築するかは記述しないでください。

マルチエージェントアーキテクチャ

このスキルは、包括的な分析のために 5 つの専門エージェントを統括します:

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

プロセス

フェーズ 1: スクリーンショットの収集

分析対象のすべてのスクリーンショットを収集します:

1. ユーザーが指定したスクリーンショットファイルを読み込みます
2. 各スクリーンショットについて、ファイルパスと提供された付随情報を記録します
3. 複数のスクリーンショットがある場合は、それらが同じ製品のものかどうかを判断します

フェーズ 2: 並列分析

各スクリーンショットについて、3 つの Task エージェントを並列に起動します:

エージェント 1: screenshot-ui-analyzer

Analyze this screenshot for UI components, layout structure, and design patterns.
Screenshot: [file path]
Return your analysis as JSON.

エージェント 2: screenshot-interaction-analyzer

Analyze this screenshot for user interactions, navigation flows, and state transitions.
Screenshot: [file path]
Return your analysis as JSON.

エージェント 3: screenshot-business-analyzer

Analyze this screenshot for business functions, data entities, and domain logic.
Screenshot: [file path]
Return your analysis as JSON.

重要: 効率を最大化するため、1 つのメッセージ内で Task ツールを 3 つ並列に呼び出してください。

フェーズ 3: 統合

すべての並列分析が完了したら、synthesizer エージェントを起動します:

エージェント 4: screenshot-synthesizer

Synthesize these analysis results into a unified development task list.

UI Analysis:
[paste UI analyzer result]

Interaction Analysis:
[paste Interaction analyzer result]

Business Analysis:
[paste Business analyzer result]

Product Name: [product name]
Output file: docs/plans/YYYY-MM-DD-<product>-features.md

フェーズ 4: レビュー

reviewer エージェントを起動して出力を検証します:

エージェント 5: screenshot-reviewer

Review this task list for completeness and quality.

Original screenshot(s): [file paths]
Task list: [synthesized output]

If issues found, provide corrections.

フェーズ 5: 出力

1. 最終的なタスクリストを docs/plans/YYYY-MM-DD-<product>-features.md に書き出します
2. references/output-format.md の形式を使用します
3. ユーザーに概要を提示します

主要なガイドライン

• すべてのタスクには - [ ] のチェックボックス形式を使用します
• 機能は小さく実行可能なサブタスクに分解します
• 実装の詳細ではなく、ユーザーのインタラクションに焦点を当てます
• 複数のスクリーンショットがある場合は、すべての画面にわたって機能の重複を排除します
• 競合分析の場合は、固有の機能とギャップを明示します

マルチエージェントアプローチの利点

1. 網羅性 - 3 つの専門的な視点により、より多くの詳細を捉えられます
2. 速度 - 並列分析により、全体の所要時間が短縮されます
3. 品質 - 統合とレビューにより、一貫性があり完全な出力が保証されます
4. 専門性 - 各エージェントが自身の専門分野に集中します