kyeongmin
9fbe3ac90c
전체 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>
2.0 KiB
2.0 KiB
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)