---
task_id: task-2432
type: plan
scope: task
created: 2026-05-03
updated: 2026-05-03
status: completed
---

# 계획서: task-2432 — IDS Phase 4 Phase 0 (자산 매핑 + HTML Skeleton + Target Audience)

**task**: task-2432
**목표**: 디자인 자산을 "토큰 + 구조 + 룰"로 번역하는 시스템 설계 — 타겟(보험 FA / 일반 소비자)에 먹히는 디자인 기준을 코드로 표현 가능한 형태로 정의
**승인**: 제이회장 2026-05-03 "A+B+C 동시진행 X, Phase 분리 + Lite Evaluator 먼저 + HTML skeleton/Target Audience 추가"
**근거**: memory/tasks/task-2432.md, task-2428 회장 평가 ("ΔE=0.00 정확해도 색 대비 안 맞음 = 아마추어 수준")

---

## 목표

다음 5종 산출물을 작성하여 Phase 0.5 (Lite Evaluator 코드 작업) 진행 가능 상태에 도달한다.

1. **brainstorming.md** — Visual Companion wireframe 2~3종 + tradeoffs + section-by-section 승인 게이트
2. **mapping-tables.md** — 5종 매핑 (dq-rules → CSS token / 노하우 → layout rule / 132 design-md → theme preset / quality_evaluator → regression gate / Lite vs Full evaluator 분리)
3. **html-skeleton.md** — Container + 컴포넌트 배치 + grid + safe area + component tree (Satori 기준)
4. **target-audience.md** — 보험 FA + 일반 소비자 페르소나 + 신뢰스타일/메시지톤/CTA + 매핑 연결 룰
5. **3문서** — plan / context-notes / checklist (본 작업 task-2432 전용)

## 범위

### 포함 (Phase 0 only — 설계 문서)
- 위 5종 산출물 작성
- Codex 사전 검증 + 마아트(QC) + 로키(DA) 검증 통과
- 회장 승인 후 .done 발급

### 제외 (다음 페이즈 이후)
- Phase 0.5: Lite Evaluator 5항목 코드 (dev-team, 별도 task)
- Phase 1: Satori MVP (1 포맷 × Brex/Supabase/Apple 3종) (design-team, 별도 task)
- Phase 2: Full Evaluator 10+ 항목 (별도 task)
- Phase 3: Track C 노하우 누적 (별도 task)
- 어떤 코드/스킬/dq-rules.json/스펙 변경도 본 task에서 금지

## 위임 계획

- Phase 0-A (brainstorming): **카구야** — Visual Companion wireframe 시각 설계
- Phase 0-B (mapping-tables 5종): **벤자이텐** — 디자인 시스템 매핑 (dq-rules ↔ CSS token, 노하우 ↔ layout rule)
- Phase 0-C (html-skeleton): **벤자이텐** — Satori HTML/CSS 구조 정의
- Phase 0-D (target-audience): **이나리** — 페르소나 분석 + 신뢰스타일/메시지톤/CTA
- Phase 검증: **마아트** (3자 QC) + **로키** (DA 비판/공격)

## 검증 기준

- [Phase 0-A] brainstorming.md: wireframe 2~3개 + tradeoffs 표 + 회장 승인 라인 존재
- [Phase 0-B] mapping-tables.md: 5종 매핑 모두 작성, 각 매핑 항목에 "타겟 연결 근거" 컬럼 존재 (회장 명시)
- [Phase 0-C] html-skeleton.md: container + 12-col 그리드 + safe area 수치 + 컴포넌트 z-index/position + props 인터페이스 + DOM tree
- [Phase 0-D] target-audience.md: 보험 FA + 일반 소비자 각각 신뢰스타일/메시지톤/CTA 명시 + 페르소나 근거
- [통합] 매핑표 5종 + html-skeleton의 모든 항목이 target-audience 기준과 명시적으로 연결됨 (예: "headline 84px = 보험 FA 영업 화면 3미터 가독성")
- [Codex] python3 scripts/codex_gate_check.py --task-id task-2432 → PASS
- [3 Step Why] context-notes.md에 A-B-C 일관성 기록