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>
3.5 KiB
3.5 KiB
Frame 1171281194 — 실측 기록 (flat)
원본: 1857 × 1325.62 px (node 112:7) 패턴: issues-paired-rows (좌우 이슈 페어, 두루마리 pill) Scale: 1280 / 1857 = 0.68927
구조
Frame 112:7 (1857 × 1326)
├── 112:9 타이틀 (0, 0) 570×101
│ ├── 112:11 아이콘 IMG (0, 5.5) 50×50
│ └── 112:12 TEXT "현황 및 문제점" (65, 0) — 70px Bold gradient(#CC5200→#883700)
│
├── 행1 (112:13) — pills 상단
│ ├── 112:14 배경 (60, 143) 1797×229 — border:3px #60A451, radius:30, bg:rgba(250,237,203,0.15)
│ ├── 분할선 CSS (946, 160) h:195 — dashed 2px #60A451
│ ├── 112:16 TEXT 좌 (95.27, 228) — 36px Medium #0c271e
│ ├── 112:17 TEXT 우 right(1825.91, 228) — 36px Medium #0c271e
│ ├── 112:18 pill 좌 (60, 124) 457.96×95.62 — R16: left:-45.3% width:145.3%
│ ├── 112:19 pill 우 (1399.04, 124) 457.96×99.54 — R16: left:0 width:151.25%
│ ├── 112:20 label "개념 부재" center_y=172 left=110.77 — 40px Bold white
│ └── 112:21 label "잘못된 접근방식" center_y=172 right(1800) — 40px Bold white
│
├── 행2 (112:22) — pills 하단 (rotate 180°)
│ ├── 112:23 배경 (60, 372) 1797×231
│ ├── 분할선 (946, 387) h:195
│ ├── 112:25 TEXT 좌 (95.27, 389)
│ ├── 112:26 TEXT 우 right(1825.91, 389)
│ ├── 112:28 pill 좌 (60, 522) rotate(180°) — R16: left:0 width:151.25%
│ ├── 112:27 pill 우 (1399.04, 526.43) rotate(180°) — R16: left:-45.3% width:145.3%
│ ├── 112:29 label "방향성 상실" center_y=572 left=110.77
│ └── 112:30 label "전제조건 오류" center_y=571 right(1801)
│
├── 행3 (112:40) — pills 상단
│ ├── 112:41 배경 (60, 706) 1797×310
│ ├── 분할선 (946, 791) h:195
│ ├── 112:43 TEXT 좌 (95.26, 801)
│ ├── 112:44 TEXT 우 right(1825.9, 801)
│ ├── 112:45 pill 좌 (60, 687) — R16: left:-45.3% width:145.3%
│ ├── 112:46 pill 우 (1399.04, 687) — R16: left:0 width:151.25%
│ ├── 112:47 label "수행주체 혼란" center_y=735 left=111
│ └── 112:48 label "수행방식 무지" center_y=735 right(1800)
│
└── 행4 (112:31) — pills 하단 (rotate 180°)
├── 112:32 배경 (60, 1016) 1797×290
├── 분할선 (946, 1036) h:195
├── 112:34 TEXT 좌 (95.27, 1031)
├── 112:35 TEXT 우 right(1825.9, 1031) — 35px
├── 112:37 pill 좌 (60, 1226.08) rotate(180°)
├── 112:36 pill 우 (1399.04, 1226) rotate(180°)
├── 112:38 label "외산S/W 기술예속" center_y=1271 left=111
└── 112:39 label "H/W 미비" center_y=1271 right(1800)
에셋
| hash | 의미 | CSS 변환 |
|---|---|---|
| b0e9fad5...png | 타이틀 아이콘 | 이미지 유지 |
| b47d2977...png | 두루마리 pill (R16 프레임 배치) | 이미지 유지 |
| b614390a...svg | 분할선 (dashed 2px #60A451) | ✓ CSS |
R16 pill 배치 패턴
- 좌측 pill (image 2748): left:-45.3%, width:145.3% → 우측 곡선만 보임
- 우측 pill (image 2749): left:0, width:151.25% → 좌측 곡선만 보임
- 하단 pill: rotate(180deg) + 반대 variant → 최종 시각 동일
변형 가능 축
- rows[N=3~6] (required) — 각 행: left_label + left_body + right_label + right_body
- pill_alternation: top/bottom 교대 (required)
- pill_image (required)
- bg_border_color: #60A451 (required)