正しい配置:
masterBoard (vertical)
├── "認証" ラベル
├── Notes: 認証 (horizontal)       ← ノート行
│   └── [A-1 ログイン ノート]       ← 1画面1ノートカード
├── 認証画面行 (horizontal)
│   └── Login (402x874)
├── "OB" ラベル
├── Notes: OB (horizontal)         ← ノート行
│   ├── [O-1 Welcome ノート]       ← 画面の数だけノートカード
│   ├── [O-2 Quiz ノート]
│   ├── [O-3 Result ノート]
│   └── [O-4 Meet Twin ノート]
├── OB画面行 (horizontal)
│   ├── Welcome (402x874)
│   ├── Quiz (402x874)
│   ├── Result (402x874)
│   └── Meet Twin (402x874)
...

間違い:
masterBoard (vertical)
├── 画面行...
├── [全画面サマリーノート1枚]  ← NG: まとめノートは禁止

メインプロセス（Pencil MCP 使用可）:
  - Phase 0: デザイン構造取得、スクリーンショット取得
  - Phase 2: batch_design で修正適用
  - Phase 3: batch_design でレビューノート配置
  - Phase 4: get_screenshot で検証

サブエージェント（Read/Grep/Glob のみ）:
  - Phase 1: 仕様書の読み込み + 分析レポート作成
  - Phase 2.5: 仕様監査（仕様書ベースのチェック）

Phase 0: 準備（メインプロセス）──────────── 5-10分
  ├── Pencil MCP: デザイン構造取得 + 画面一覧確定
  ├── Pencil MCP: 全画面スクリーンショット取得
  ├── Read: 仕様書全件読み込み
  └── 画面IDマッピング表 + 画面ごとレビューシート作成

Phase 1: レビュー実行 ──────────────────── 15-25分
  ├── メインプロセス: 1画面ずつスクリーンショット確認 + 12視点チェック
  ├── サブエージェント（並列3チーム）: 仕様書ベースのレビュー
  └── 結果統合: 画面ごとに Critical/Warning/Missing/Question/Info 分類

Phase 2: 修正適用（メインプロセス）──────── 15-30分
  ├── Pencil MCP: Critical を batch_design で即修正
  ├── Pencil MCP: Warning（5分以内で修正可能）を修正
  └── Pencil MCP: get_screenshot で修正確認

Phase 2.5: 仕様監査（サブエージェント）──── 10-15分
  ├── 仕様書の AC/画面仕様/フロー vs デザイン照合
  └── 結果を Phase 2 の分類に統合

Phase 3: 1画面1レビューノート配置（メインプロセス）── 15-25分
  ├── Pencil MCP: セクションごとにノート行フレーム作成
  ├── Pencil MCP: Move でノート行を画面行の直前に配置
  ├── Pencil MCP: 画面ごとにノートカード挿入（1画面1カード）
  └── Pencil MCP: get_screenshot で配置検証

Phase 4: 検証 + サマリー ───────────────── 5-10分
  ├── 修正済み画面のスクリーンショット検証
  └── 最終サマリー（画面ごとのステータス一覧）

mcp__pencil__get_editor_state(include_schema: false)

mcp__pencil__batch_get(filePath: "{file}", nodeIds: ["{masterBoardId}"], readDepth: 2)

masterBoardId: ____
layout: vertical, gap: ____, padding: ____, width: ____
children:
  [0] {id} — タイトル
  [1] {id} — サブタイトル
  [2] {id} — "認証" ラベル
  [3] {id} — 認証画面行 (gap: 30)
  [4] {id} — "OB" ラベル
  [5] {id} — OB画面行 (gap: 30)
  ...

mcp__pencil__get_screenshot(filePath: "{file}", nodeId: "{画面1のID}")
mcp__pencil__get_screenshot(filePath: "{file}", nodeId: "{画面2のID}")
...

Read: specs/features/auth.md
Read: specs/features/onboarding.md
Read: specs/features/chat.md
Read: specs/features/subscription.md
Read: specs/features/journal.md
Read: specs/features/insights.md
Read: specs/features/settings.md
Read: specs/features/community.md
Read: specs/shared/navigation.md

| # | セクション | 画面コード | 画面名 | ノードID | 仕様書 |
|---|-----------|-----------|--------|---------|--------|
| 1 | 認証 | A-1 | ログイン | {id} | auth.md |
| 2 | OB | O-1 | ウェルカム | {id} | onboarding.md |
| 3 | OB | O-2 | 性格診断 | {id} | onboarding.md |
| ... |

# 画面レビューシート

## A-1 ログイン (nodeId: {id})
- カラー: (未定)
- 指摘:
  - (レビュー後に記入)

## O-1 ウェルカム (nodeId: {id})
- カラー: (未定)
- 指摘:
  - (レビュー後に記入)

...（全画面分）

Task (同時に3つ):

1. subagent_type: general-purpose
   name: "review-flow"
   run_in_background: true
   prompt: → references/review-prompts.md チーム1（仕様ベース）

2. subagent_type: general-purpose
   name: "review-screens"
   run_in_background: true
   prompt: → references/review-prompts.md チーム2（仕様ベース）

3. subagent_type: general-purpose
   name: "review-consistency"
   run_in_background: true
   prompt: → references/review-prompts.md チーム3（コード/設定ベース）

## A-1 ログイン
- カラー: Yellow (❓がある場合)
- Critical:
  - (なし)
- Warning:
  - 🟡 Apple Sign-In ボタンのHIG準拠確認
- Question:
  - ❓ devLogin は開発モード限定か？
- Info:
  - ✅ ソーシャルログインボタンのレイアウト良好

## O-2 性格診断
- カラー: Blue (UXコメントのみの場合)
- Critical:
  - (なし)
- Info:
  - ✅ 進捗バー表示あり
  - 🔵 選択肢の高さを auto にすると長文対応が向上

noteAuth=I("{masterBoardId}", {type: "frame", name: "Notes: 認証", layout: "horizontal", gap: 30, width: "fill_container", height: "hug_contents"})
noteOB=I("{masterBoardId}", {type: "frame", name: "Notes: OB", layout: "horizontal", gap: 30, width: "fill_container", height: "hug_contents"})
notePW=I("{masterBoardId}", {type: "frame", name: "Notes: PW", layout: "horizontal", gap: 30, width: "fill_container", height: "hug_contents"})
noteChat=I("{masterBoardId}", {type: "frame", name: "Notes: Chat", layout: "horizontal", gap: 30, width: "fill_container", height: "hug_contents"})
noteEng=I("{masterBoardId}", {type: "frame", name: "Notes: Engagement", layout: "horizontal", gap: 30, width: "fill_container", height: "hug_contents"})

M("{noteEngId}", "{masterBoardId}", {engLabelIndex + 1})
M("{noteChatId}", "{masterBoardId}", {chatLabelIndex + 1})
M("{notePWId}", "{masterBoardId}", {pwLabelIndex + 1})
M("{noteOBId}", "{masterBoardId}", {obLabelIndex + 1})
M("{noteAuthId}", "{masterBoardId}", {authLabelIndex + 1})

// バッチ3: 認証セクション（1画面 = 3 ops）
note1=I("{noteAuthRowId}", {type: "frame", fill: "#FEF9C3", cornerRadius: [8,8,8,8], padding: [10,12,10,12], layout: "vertical", gap: 4, width: 402})
t1=I(note1, {type: "text", content: "A-1 ログイン", fontSize: 13, fontWeight: "700", fontFamily: "Outfit", textColor: "#854D0E", width: "fill_container"})
c1=I(note1, {type: "text", content: "❓ Apple Sign-In HIG 準拠確認", fontSize: 11, fontFamily: "Outfit", textColor: "#854D0E", width: "fill_container"})

// バッチ4: OBセクション（4画面 × 3-4 ops = 12-16 ops）
noteO1=I("{noteOBRowId}", {type: "frame", fill: "#DCFCE7", cornerRadius: [8,8,8,8], padding: [10,12,10,12], layout: "vertical", gap: 4, width: 402})
tO1=I(noteO1, {type: "text", content: "O-1 ウェルカム", fontSize: 13, fontWeight: "700", fontFamily: "Outfit", textColor: "#166534", width: "fill_container"})
cO1=I(noteO1, {type: "text", content: "✅ CTA表示・フロー良好", fontSize: 11, fontFamily: "Outfit", textColor: "#166534", width: "fill_container"})

noteO2=I("{noteOBRowId}", {type: "frame", fill: "#DBEAFE", cornerRadius: [8,8,8,8], padding: [10,12,10,12], layout: "vertical", gap: 4, width: 402})
tO2=I(noteO2, {type: "text", content: "O-2 性格診断", fontSize: 13, fontWeight: "700", fontFamily: "Outfit", textColor: "#1E40AF", width: "fill_container"})
cO2a=I(noteO2, {type: "text", content: "✅ 進捗バー表示あり", fontSize: 11, fontFamily: "Outfit", textColor: "#1E40AF", width: "fill_container"})
cO2b=I(noteO2, {type: "text", content: "🔵 選択肢高さを auto に変更推奨", fontSize: 11, fontFamily: "Outfit", textColor: "#1E40AF", width: "fill_container"})
// ... O-3, O-4 も同様

mcp__pencil__get_screenshot(filePath: "{file}", nodeId: "{masterBoardId}")

# デザインレビュー完了サマリー

## 対象
- ファイル: {file}
- 画面数: {N}画面
- ノートカード: {N}枚（1画面1枚）

## 画面ごとステータス
| # | 画面 | ノート色 | ステータス |
|---|------|---------|----------|
| 1 | A-1 ログイン | Yellow | ❓ HIG確認待ち |
| 2 | O-1 ウェルカム | Green | ✅ 問題なし |
| 3 | O-2 性格診断 | Blue | 🔵 UX改善推奨 |
| ... |

## カラー分布
- Yellow (❓): {a}枚
- Purple (🟣): {b}枚
- Blue (🔵): {c}枚
- Green (✅): {d}枚

## 人間レビュー待ち（Yellow）
1. A-1 ログイン: Apple Sign-In HIG 準拠確認
2. ...

note=I("{noteRowId}", {
  type: "frame",
  fill: "{カラーfill}",
  cornerRadius: [8,8,8,8],
  padding: [10,12,10,12],
  layout: "vertical",
  gap: 4,
  width: 402           // ← 画面幅と一致
})
title=I(note, {
  type: "text",
  content: "{画面コード} {画面名}",
  fontSize: 13,
  fontWeight: "700",
  fontFamily: "Outfit",
  textColor: "{カラーtextColor}",
  width: "fill_container"
})
comment=I(note, {
  type: "text",
  content: "{プレフィックス} {コメント}",
  fontSize: 11,
  fontFamily: "Outfit",
  textColor: "{カラーtextColor}",
  width: "fill_container"
})

// Yellow カード（❓ があるため最高優先度）
note=I("{noteRowId}", {type: "frame", fill: "#FEF9C3", ...})
t=I(note, {type: "text", content: "O-2 性格診断", ...})
c1=I(note, {type: "text", content: "✅ 進捗バー表示あり", ...})
c2=I(note, {type: "text", content: "❓ 戻るボタン: 診断リセット?", ...})
c3=I(note, {type: "text", content: "🔵 スワイプUIも検討", ...})

Task (同時に3つ):
  subagent_type: general-purpose
  run_in_background: true
  prompt: → references/review-prompts.md の対応テンプレート

spec-driven-dev Step 5: Design → .pen 作成
  ↓
本スキル Phase 0-4: レビュー + 1画面1ノート配置
  ↓
人間レビュー: ❓ 項目の判断
  ↓
spec-driven-dev Step 9: Reconcile → 仕様書同期