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>
This commit is contained in:
2026-05-08 09:41:05 +09:00
parent cc2f434000
commit 9fbe3ac90c
401 changed files with 14304 additions and 2 deletions

View File

@@ -0,0 +1,64 @@
# Frame 1171281203 — 실측 기록 (flat)
> 원본: 1924 × 2014 px (node 145:8266)
> 패턴: compare-table-2col (2열 S/W 비교 표)
> Scale: 1280 / 1924 = 0.66527
## 구조
```
Frame 145:8266 (1924 × 2014)
├── 145:8270 배경1 IMG (0, 0) 1924×737
├── 145:8269 배경2 IMG (1, 489) 1923×1525
├── 145:8273 타이틀 (3.97, 48.98)
│ ├── 145:8275 아이콘 IMG 50×50
│ └── 145:8276 TEXT "Application S/W 의 구분" — mixed gradient
├── 열 헤더 (y=171~251)
│ ├── 145:8277 bar (53.58, 171.43) 1003×79 — bg:#589e8d
│ ├── 145:8278 bar (1056.68, 171.43) 803×79 — bg:#ef7a26
│ ├── 145:8279 TEXT "구 분" center(155.65, 211.28) — 40px Bold white
│ ├── 145:8280 TEXT "(Commercial) Package Program" center(657.33, 211.11)
│ └── 145:8281 TEXT "(System) Solution S/W" center(1457.03, 211.11)
├── 행 배경 (교대 white/rgba(253,198,158,0.16))
│ ├── 145:8271 (51.59, 535.84) rgba(253,198,158,0.16) — 고객+정의 영역
│ └── 145:8272 (51.59, 1282.31) rgba(253,198,158,0.16) — 장점+단점 영역
├── 수평선 CSS: y=537.81, 910.06, 1282.31, 1579.14, 1948.45
├── 수직선 CSS: x=257.74 (전체), x=1056.68 (전체)
├── 5개 행
│ ├── 고객(분야) — 145:8287/8288/8289
│ ├── 정의 — 145:8291/8292/8293
│ ├── 특징 — 145:8295/8296/8297
│ ├── 장점 — 145:8299/8300/8301
│ └── 단점 — 145:8303/8304/8305
```
## 에셋
| hash | 의미 |
|------|------|
| 855b9d71...png | 배경1 (상단) |
| f808a8c7...png | 배경2 (하단) |
| b0e9fad5...png | 아이콘 |
| line SVG 5개 | 전부 CSS border |
## 색상
| 요소 | 값 |
|------|------|
| 헤더 좌 | #589e8d |
| 헤더 우 | #ef7a26 |
| 행 배경 교대 | white / rgba(253,198,158,0.16) |
| 강조 키워드 | #a14101 Bold |
| 본문 | black, 40px Medium |
## 변형 가능 축
- columns[2] (required)
- rows[N=3~7] (required)
- header_colors[2] (required)
- bg_images[2] (optional)