add: figma_to_html_agent/blocks/ + 변환 도구 docs 갱신

전체 401 files (397 추가 + 4 수정), 14304 insertions.

추가:
- figma_to_html_agent/blocks/ — Figma 변환 결과 (32 frame, ~79MB).
  각 frame folder = {analysis.md, flat.md, texts.md, index.html, assets/,
  _renders/, _render.py, RELATIONSHIPS.md / STATUS.md / classification.md
  (일부 frame)}.
  Phase Z 의 *figma source layer* — runtime 에서 직접 사용 X, contract /
  partial / builder adapter (미래 axis A) 의 source.
- figma_to_html_agent/DISCUSSION-SUMMARY-20260411.md — 변환 설계 회의 기록.
- figma_to_html_agent/HARNESS.md — 변환 검증 harness.
- figma_to_html_agent/scripts/fetch_figma_screenshots.py — Figma 스크린샷 자동 수집.

수정:
- figma_to_html_agent/PROCESS-CONTROL.md / PROCESS.md / RULES.md —
  변환 프로세스 / 룰 갱신 (R8/R9 lock 강화 등).
- figma_to_html_agent/blocks_index.md — 32 frame 인덱스 갱신.

Phase Z 영향 0 (figma_to_html_agent/blocks/ 가 V4 catalog +
templates/phase_z2/families adapter 의 source — runtime 에서 직접 import X).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

figma_to_html_agent/blocks/1171281205/analysis.md

@@ -0,0 +1,60 @@
+# Frame 1171281205 — 상용 Engn. S/W (4카테고리)
+
+## 내용 설명
+
+상용 Engineering S/W를 조사/계획·분석·해석·단가/공정·Graphic의 4가지
+카테고리로 분류하고 각 카테고리 대표 S/W 로고를 함께 제시하는 디자인.
+좌측 4열 카테고리 박스 + 우측 S/W 로고 박스의 2-boxes 구조.
+4가지 카테고리 분류 + 각 카테고리 예시/로고 나열에 적합.
+비교 없는 단일 카테고리·3개 이하·5개 이상 카테고리에는 부적합.
+
+## 후보 키워드
+
+상용, Engineering, Engn, S/W, 조사, 계획, 분석, 해석, 단가, 공정, Graphic, 분류, 로고
+
+## 정제 Anchor Sets
+
+- **commercial_sw**: 상용, Engineering, Engn, S/W
+- **sw_categories**: 조사, 계획, 분석, 해석, 단가, 공정, Graphic
+- **classification**: 분류, 로고
+
+## 구조 매칭 정보
+
+- **family**: cards
+- **layout**: left-categories-right-logos
+- **axis**: horizontal
+- **relation_type**: parallel
+- **cardinality**: ideal 4 / min 4 / max 4
+- **slots** (6개, required 5개): title, category_1_label, category_2_label, category_3_label, category_4_label, logos_panel
+- **source title**: 상용 Engn. S/W (4카테고리)
+- **original layout**: 2-boxes
+
+## 적합/부적합 기준
+
+### suits
+- 4카테고리 분류 + 각 카테고리 예시
+- 상용 S/W 유형 나열
+- 카테고리별 대표 제품/로고
+
+### not_suits
+- 비교 구조 (대조)
+- 단일 카테고리 심층
+- 3개 이하 항목
+- 5개 이상 항목
+- 시간 순서
+
+## 재구성 허용
+
+- **split**: False
+- **merge**: False
+- **infer_missing_slot**: False
+- **rewrite_label**: True
+- **rewrite_body**: True
+
+## 메타
+
+- schema_version: template-fit-v1 mirror
+- source_of_truth: structure_ontology.yaml + keyword_base.yaml
+- structure_content_original_tagged_by: claude-opus-4-7 (2026-04-21)
+- keyword_base_sync_at: 2026-04-22
+- anchor_sets_cleaned_at: 2026-04-22

figma_to_html_agent/blocks/1171281205/analysis.md.pre_milestone2.bak

@@ -0,0 +1,17 @@
+# Frame 1171281205 — 상용 Engn. S/W (4카테고리)
+
+## 구조
+- **layout**: 2-boxes
+- **detail**: 좌측 카테고리 박스(4열: 조사/계획/분석·해석·단가/공정·Graphic) + 우측 S/W 로고 박스
+
+## 내용
+상용 Engineering S/W의 4가지 카테고리 — 조사/계획/분석, 해석, 단가/공정, Graphic별 대표 S/W 나열.
+
+## 후보 키워드
+상용, 상용S/W, Engn.S/W, EngineeringSW, 조사계획분석, 해석, 단가공정, Graphic, 4카테고리, 3rdParty, S/W로고
+
+## 메타
+- source: texts.md + flat.md
+- schema_version: analysis-v1
+- tagged_by: claude-opus-4-7
+- tagged_at: 2026-04-21

figma_to_html_agent/blocks/1171281205/texts.md

@@ -0,0 +1,73 @@
+# Frame 1171281205 — 텍스트 (TF-IDF 매칭용)
+
+> 프레임 안의 모든 텍스트를 빠짐없이 추출.
+
+## 좌측 박스 타이틀
+
+상용 Engn. S/W
+
+## 좌측 박스 — 카테고리 헤더 (4열)
+
+### 열1
+조사/계획/분석
+
+### 열2
+해석
+
+### 열3
+단가/공정
+
+### 열4
+Graphic
+
+## 좌측 박스 — S/W 로고/이름 (이미지로 표시, 텍스트 없음)
+
+> 이 영역은 소프트웨어 로고 이미지들로 구성됨. 식별 가능한 S/W 이름:
+> - 조사/계획/분석: ArcGIS, QGIS, MIDAS, OpenCities Planner, Prom, GeoStru, FLOW-3D
+> - 해석: EBS PROGRAM, STmate, Pile/L-Pile, ORACLE PRIMAVERA, MS Project
+> - 단가/공정: AUTOCAD, REVIT, AUTODESK NAVISWORKS
+> - Graphic: Twinmotion
+
+## 중앙 연결 기호
+
++
+
+## 우측 박스 타이틀
+
+3rd Party
+
+## 우측 박스 — 카테고리 헤더 (4열)
+
+### 열1
+단지/도시
+
+### 열2
+도로/철도/하천
+
+### 열3
+구조물
+
+### 열4
+상하수도
+
+## 우측 박스 — 3rd Party S/W (이미지로 표시)
+
+> 식별 가능한 S/W 이름:
+> - 단지/도시: KGLand, LH도시, 기타
+> - 도로/철도/하천: KGRoad, Namosoft, EasyRoad, BimRoad
+> - 구조물: AbutPier, ACulvert 4.0, ARoad, MAKESW
+> - 상하수도: PIPETOOLS, iPipes
+
+## 하단 설명 텍스트 (좌측)
+
+주로 외국의 대형소프트웨어 회사가 범용성을 목적으로
+제조와 건축에 기반한 광범위한 기능을 탑재하여 개발
+
+> "범용성을 목적", "제조와 건축에 기반" 부분은 주황색(#cc5200) 강조
+
+## 하단 설명 텍스트 (우측)
+
+시장 점유율을 높여 지배력 발휘 및 기술예속을 심화 시키기 위해
+상용S/W(AutoDesk, Bentley 등)에 기생하여 작동하는 '3rd Party'의 개발 유도
+
+> "지배력 발휘", "기술예속을 심화", "기생", "'3rd Party'" 부분은 주황색(#cc5200) 강조