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/1171281208/analysis.md

@@ -0,0 +1,64 @@
+# Frame 1171281208 — 건설산업의 고부가가치화
+
+## 내용 설명
+
+정부주도 BIM 설계 전면 도입을 통한 건설산업 고부가가치화를 중앙
+분할 구조로 설명하는 디자인. 상단 헤더(정책 테제 "정부주도 BIM
+설계 전면 도입") + 좌우 분할(생산성 향상 ↔ 디지털 전환) + 중앙
+결론(건설산업의 고부가가치화)으로 2가지 요인이 하나의 결과로
+수렴하는 정책 서사를 표현. 2요인이 1결론으로 수렴하는 정책/전략
+서사·정부주도 도입 논리·좌우 benefit 종합에 적합.
+단순 2개 개념 다면 비교 (Frame 18)·3개 이상 병렬·시간 순서 단계·
+단일 개념 정의에는 부적합.
+
+## 후보 키워드
+
+정부주도, BIM설계, 전면도입, 고부가가치, 건설산업, 고부가가치화, 생산성향상, DX, 디지털
+
+## 정제 Anchor Sets
+
+- **government_bim_adoption**: 정부주도, BIM설계, 전면도입
+- **high_value_construction**: 고부가가치, 건설산업, 고부가가치화
+- **productivity_digital**: 생산성향상, DX, 디지털
+
+## 구조 매칭 정보
+
+- **family**: compare
+- **layout**: central-split-synthesis
+- **axis**: horizontal
+- **relation_type**: compare
+- **cardinality**: ideal 2 / min 2 / max 2
+- **slots** (5개, required 4개): header, left_arm, right_arm, center_result, conclusion
+- **source title**: 건설산업의 고부가가치화
+- **original layout**: central-split
+
+## 적합/부적합 기준
+
+### suits
+- 2요인이 1결론으로 수렴
+- 정부주도 정책 서사
+- 좌우 benefit + 중앙 결론 구조
+
+### not_suits
+- 2개 개념 다면 비교
+- BIM vs DX 직접 대조
+- 3개 이상 병렬 항목
+- 시간 순서 단계
+- 단일 개념 정의
+- 문제/약점 나열
+
+## 재구성 허용
+
+- **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/1171281208/analysis.md.pre_milestone2.bak

@@ -0,0 +1,17 @@
+# Frame 1171281208 — 건설산업의 고부가가치화
+
+## 구조
+- **layout**: central-split
+- **detail**: 상단 헤더("정부주도 BIM설계 전면 도입") + 좌우 분할(생산성 향상 / 디지털 전환) + 중앙("건설산업의 고부가가치화") + 결론
+
+## 내용
+정부주도 BIM 설계 전면 도입을 통한 건설산업 고부가가치화 — 좌측 생산성 향상, 우측 디지털 전환, 중앙 고부가가치화 결론.
+
+## 후보 키워드
+건설산업, 고부가가치화, 정부주도, BIM설계, 전면도입, 생산성향상, 디지털전환, DX, central-split, 결론
+
+## 메타
+- 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/1171281208/assets/62d8e408b8381ece554ed55d20d3b54e375f92cb.svg

@@ -0,0 +1,9 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 1697 118" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Rectangle 42422" d="M0 50C0 22.3857 22.3858 -6.36697e-08 50 0L1647 3.68218e-06C1674.61 3.74584e-06 1697 22.3858 1697 50V67.9998C1697 95.614 1674.61 118 1647 118L50 118C22.3858 118 0 95.6141 0 67.9999V50Z" fill="url(#paint0_linear_177_111)"/>
+<defs>
+<linearGradient id="paint0_linear_177_111" x1="1697" y1="58.9996" x2="1.62337e-06" y2="58.9996" gradientUnits="userSpaceOnUse">
+<stop stop-color="#296B55" stop-opacity="0.5"/>
+<stop offset="1" stop-color="#032118"/>
+</linearGradient>
+</defs>
+</svg>

figma_to_html_agent/blocks/1171281208/flat.md

@@ -0,0 +1,11 @@
+# Frame 1171281208 — 실측 기록 (flat)
+
+> 원본: 1697 × 914 px (node 145:8504)
+> 패턴: split-comparison-center (좌우 비교 + 중앙 원)
+> Scale: 1280 / 1697 = 0.75427
+
+## 구조
+
+좌: 생산성 향상 / 우: 디지털 전환 / 중앙: 원(건설산업의 고부가가치화)
+상단: 헤더 바 / 하단: 결론 바 (SVG, rotate 180°)
+2D 배치 (중앙 원 겹침) → absolute + zoom

figma_to_html_agent/blocks/1171281208/index.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=1280">
+<title>건설산업 고부가가치화 (Frame 1171281208)</title>
+<!--
+  Frame: 145:8504, 1697×914 px
+  Scale: 1280 / 1697 = 0.75427
+  패턴: split-comparison-center
+  구조: 2D 배치 (중앙 원 겹침) → absolute + R19 zoom
+-->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap" rel="stylesheet">
+<style>
+* { margin:0; padding:0; box-sizing:border-box; }
+body {
+  font-family: 'Noto Sans KR', sans-serif;
+  background: #e8ecf0;
+  display: flex; justify-content: center; align-items: center;
+  min-height: 100vh; word-break: keep-all;
+}
+.slide {
+  width: 1280px;
+  background: #fff; position: relative;
+  box-shadow: 0 4px 20px rgba(0,0,0,.15);
+}
+.block { width: 1280px; position: relative; overflow: hidden; }
+.inner {
+  width: 1697px; height: 914px;
+  zoom: 0.75427; /* R19 */
+  position: relative;
+}
+.abs { position: absolute; }
+.abs img { width: 100%; height: 100%; object-fit: cover; display: block; }
+</style>
+</head>
+<body>
+<div class="slide">
+  <div class="block">
+    <div class="inner">
+
+      <!-- 본문 영역 border -->
+      <div class="abs" style="left:0; top:10px; width:1697px; height:611px; border:3px solid #5196a4; border-radius:20px; background:#fff;"></div>
+
+      <!-- 헤더 바 -->
+      <div class="abs" style="left:500.99px; top:0; width:673px; height:88px;"><img src="assets/9de5354619ad8ba9f47efd104df0f388c6778cc1.png"></div>
+      <div style="position:absolute; left:836.35px; top:40px; transform:translate(-50%,-50%); font-weight:700; font-size:0; color:#fff; text-align:center; white-space:nowrap;">
+        <span style="font-size:40px; line-height:normal;">정부주도</span>
+        <span style="font-size:50px; line-height:normal;"> BIM설계 </span>
+        <span style="font-size:40px; line-height:normal;">전면 도입</span>
+      </div>
+
+      <!-- 좌측: 생산성 향상 -->
+      <p style="position:absolute; left:259.93px; top:69px; transform:translateX(-50%); font-weight:900; font-size:60px; line-height:normal; text-align:center; white-space:nowrap; background:linear-gradient(to top, #0df095, #095140 79.5%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 10px 6px rgba(0,0,0,0.25);">생산성 향상</p>
+      <div style="position:absolute; left:259.4px; top:216px; transform:translateX(-50%); width:475px; font-weight:700; font-size:35px; line-height:90px; color:#227582; text-align:center; white-space:nowrap;">
+        <p>단순 반복되는 업무를 탈피하고</p>
+        <p><span style="font-weight:900; color:#cc5200;">업무 본질에 대한 높은 이해</span>를</p>
+        <p>바탕으로 <span style="font-weight:900; color:#cc5200;">창의적 아이디어</span>를 발현</p>
+      </div>
+
+      <!-- 우측: 디지털 전환 -->
+      <p style="position:absolute; left:1431.98px; top:69px; transform:translateX(-50%); font-weight:900; font-size:60px; line-height:normal; text-align:center; white-space:nowrap; background:linear-gradient(to top, #0df095, #095140 79.5%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 10px 6px rgba(0,0,0,0.25);">디지털 전환</p>
+      <div style="position:absolute; left:1431.44px; top:216px; transform:translateX(-50%); width:451px; font-weight:700; font-size:35px; line-height:90px; color:#227582; text-align:center; white-space:nowrap;">
+        <p>산업 전반의 <span style="font-weight:900; color:#cc5200;">디지털 전환</span>을 통해</p>
+        <p><span style="font-weight:900; color:#cc5200;">프로세스를 혁신</span>하여</p>
+        <p>높은 수준의 성과물을</p>
+        <p>만들어낼 수 있도록 하는 것</p>
+      </div>
+
+      <!-- 좌우 장식 이미지 -->
+      <div style="position:absolute; left:427.94px; top:12px; width:306px; height:609px; display:flex; align-items:center; justify-content:center;">
+        <div style="flex:none; transform:scaleY(-1) rotate(180deg);"><img src="assets/5a11195e0df9ff8292d56ab0c0bd78a31e95e2ba.png" style="width:306px; height:609px; opacity:0.5;"></div>
+      </div>
+      <div style="position:absolute; left:968.94px; top:12px; width:306px; height:609px; display:flex; align-items:center; justify-content:center;">
+        <div style="flex:none; transform:scaleY(-1);"><img src="assets/5a11195e0df9ff8292d56ab0c0bd78a31e95e2ba.png" style="width:306px; height:609px; opacity:0.5;"></div>
+      </div>
+
+      <!-- 중앙 원 -->
+      <div class="abs" style="left:573.94px; top:122px; width:550.71px; height:499px;"><img src="assets/922ee6f4bea1434652ffc08f962086052286b6c5.png"></div>
+      <div style="position:absolute; left:850.11px; top:377.06px; transform:translate(-50%,-50%); font-weight:700; font-size:55px; color:#fff; text-align:center; line-height:normal;">
+        <p>건설산업의</p>
+        <p>고부가가치화</p>
+      </div>
+
+      <!-- 하단 결론 바 -->
+      <div style="position:absolute; left:0; top:796px; width:1697px; height:118px; display:flex; align-items:center; justify-content:center;">
+        <div style="flex:none; transform:rotate(180deg);"><img src="assets/62d8e408b8381ece554ed55d20d3b54e375f92cb.svg" style="width:1697px; height:118px; display:block;"></div>
+      </div>
+      <div style="position:absolute; left:835.44px; top:855px; transform:translate(-50%,-50%); font-weight:900; font-size:0; color:#fff; text-align:center; text-shadow:0 0 4px #322c1e; white-space:nowrap;">
+        <span style="font-size:50px; line-height:normal;">건설산업의 고부가가치화는 </span>
+        <span style="font-size:60px; line-height:normal;">디지털 전환을 지원하는 S/W</span>
+        <span style="font-size:50px; line-height:normal;">를 통해 가능</span>
+      </div>
+
+      <!-- 하단 장식 -->
+      <div style="position:absolute; left:361.94px; top:576px; width:949px; height:250px; display:flex; align-items:center; justify-content:center;">
+        <div style="flex:none; transform:rotate(180deg);"><img src="assets/461a9f67c756d5057df3efbe01c515beb0a07a59.png" style="width:949px; height:250px;"></div>
+      </div>
+
+    </div>
+  </div>
+</div>
+</body>
+</html>

figma_to_html_agent/blocks/1171281208/texts.md

@@ -0,0 +1,18 @@
+# Frame 1171281208 — 텍스트 (TF-IDF 매칭용)
+
+## 헤더
+정부주도 BIM설계 전면 도입
+
+## 좌측
+생산성 향상
+단순 반복되는 업무를 탈피하고 업무 본질에 대한 높은 이해를 바탕으로 창의적 아이디어를 발현
+
+## 우측
+디지털 전환
+산업 전반의 디지털 전환을 통해 프로세스를 혁신하여 높은 수준의 성과물을 만들어낼 수 있도록 하는 것
+
+## 중앙
+건설산업의 고부가가치화
+
+## 결론
+건설산업의 고부가가치화는 디지털 전환을 지원하는 S/W를 통해 가능