Kyeongmin/C.E.L_Slide_test2

Files

kyeongmin 9fbe3ac90c 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>

2026-05-08 09:41:05 +09:00

6.1 KiB

Raw Blame History

Frame 1171281193 — 실측 기록 (flat)

원본: 2226 × 1766 px (node 106:205) 패턴: quadrant-2x2-issues (2×2 이슈 진단) Scale: 1280 / 2226 = 0.57503

구조

Frame 106:205 (2226 × 1766)
├── 106:206 "가운데" (0, 0) 2226×1766
│   ├── 106:207 "수행실정" (0, 0) 2226×1766
│   │   ├── 배경 텍스처 (PNG, border-radius:50px)
│   │   │   ├── 106:210 image2380 (5, 0) 1080×270 — 상단좌
│   │   │   ├── 106:211 image2381 (1142, 0) 1080×270 — 상단우
│   │   │   ├── 106:208 image2382 (5, 1495.69) 1080×270 rotate(180deg) — 하단좌
│   │   │   └── 106:209 image2383 (1146, 1495.69) 1080×270 rotate(180deg) — 하단우
│   │   │
│   │   ├── 장식 사각형 (fill 없음, 투명)
│   │   │   ├── 106:213 (228, 117.12) 872×564 — 상단좌
│   │   │   ├── 106:237 (1148, 1171.11) 872×564 rotate(180deg) — 하단우
│   │   │   └── 106:239 (229, 1171.11) 872×564 rotate(180deg) — 하단좌
│   │   │
│   │   ├── 중앙 원
│   │   │   ├── 106:216 IMG (809.01, 581.87) 644.99×584.43
│   │   │   └── 106:217 TEXT "Rome wasn't Built in a day!" center(1132.46, 880.59) 552×221 — 55px Bold white
│   │   │
│   │   ├── 좌상 — 정책 집행
│   │   │   ├── 106:218 TEXT "인정주의 정책 집행" (12, 151.22) 771×60 — 55px Bold red
│   │   │   ├── 106:225 TEXT body (8, 222.25) 993×240 — 42px Regular black, bullet list
│   │   │   ├── 106:229 TEXT "적용효과도 사례도 없는 방침부터 남발" (12, 565.27) 885×60 — 55px Bold red
│   │   │   └── 106:230 TEXT body (8, 645.49) 870×240 — 42px Regular black, bullet list
│   │   │
│   │   ├── 우상 — 수행 개념
│   │   │   ├── 106:221 TEXT "공학적 개념 정립 부재" right(2225, 151.22) 771×60 — 55px Bold red, -translateX(100%)
│   │   │   ├── 106:226 TEXT body right(2205, 222.25) 1058×300 — 42px Regular black, -translateX(100%)
│   │   │   ├── 106:224 TEXT "'본업 기술력 확보' 우선의 개념 부재" right(2225, 564.35) 807×60 — 55px Bold red
│   │   │   ├── 106:233 TEXT body right(2205, 635.35) 915×120 — 42px Regular black
│   │   │   └── 106:234 TEXT body right(2205, 775.45) 751×119 — 42px Regular black
│   │   │
│   │   ├── 좌하 — 근본 취지의 이해부족
│   │   │   ├── 106:223 TEXT "기술투자 없는 성과 창출 기대" (12, 957.17) 657×60 — 55px Bold red
│   │   │   ├── 106:228 TEXT body (8, 1035.56) 972×180 — 42px Regular black
│   │   │   ├── 106:220 TEXT "엔지니어링 S/W에 대한 개념 부재" (12, 1298.36) 771×60 — 55px Bold red
│   │   │   └── 106:235 TEXT body (0, 1367.52) 1082×240 — 42px Regular black, bullet list
│   │   │
│   │   └── 우하 — 지속적 투자 의지 부재
│   │       ├── 106:219 TEXT "근본적인 역할은 회피" right(2225, 957.17) 539×60 — 55px Bold red
│   │       ├── 106:231 TEXT body right(2205, 1028.17) 880×120 — 42px Regular black
│   │       ├── 106:232 TEXT body right(2205, 1154.20) 1025×120 — 42px Regular black
│   │       ├── 106:222 TEXT "과거의 타성에 머무르고 있는 업계" right(2225, 1312.18) 820×60 — 55px Bold red
│   │       └── 106:227 TEXT body right(2205, 1379.50) 1074×240 — 42px Regular black
│   │
│   ├── 106:240 헤더바 우상 "수행 개념"
│   │   ├── 106:241 bar (1142, 0.01) 1080×118 rotate(180deg) — gradient green → CSS
│   │   └── 106:242 TEXT "수행 개념" center(1668.38, 59.02) 899×118 — 60px Black white, text-shadow
│   │
│   ├── 106:243 헤더바 좌상 "정책 집행"
│   │   ├── 106:244 bar (5, 0.83) 1080×119 — gradient brown → CSS
│   │   └── 106:245 TEXT "정책 집행" center(540.66, 59.51) 734×119 — 60px Black white, text-shadow
│   │
│   ├── 106:246 푸터바 우하 "지속적 투자 의지 부재"
│   │   ├── 106:247 bar (1146, 1646.99) 1080×118 rotate(180deg) — gradient green → CSS
│   │   └── 106:248 TEXT "지속적 투자 의지 부재" center(1672.38, 1706) 899×118 — 60px Black white, text-shadow
│   │
│   └── 106:249 푸터바 좌하 "근본 취지의 이해부족"
│       ├── 106:250 bar (5, 1646.86) 1080×119 — gradient brown → CSS
│       └── 106:251 TEXT "근본 취지의 이해부족" center(540.66, 1706.03) 734×118 — 60px Black white, text-shadow

이미지 에셋

hash	노드	의미
fdcafc1b...	106:208,209,210,211	배경 텍스처 PNG (4곳 동일)
922ee6f4...	106:216	중앙 원 이미지
5d27ecb1...svg	106:241	우상 헤더바 (green) → CSS 변환
6d311a18...svg	106:244	좌상 헤더바 (brown) → CSS 변환
cab8c828...svg	106:247	우하 푸터바 (green) → CSS 변환
42b569ef...svg	106:250	좌하 푸터바 (brown) → CSS 변환

색상

요소	값
헤드라인	red (#ff0000)
본문	black (#000000)
바 라벨	white, text-shadow 0 0 4px #322c1e
브라운 바	gradient 270deg rgba(165,161,150,0.5) -26.87% → #39321E 73.13%
그린 바	gradient 270deg rgba(41,107,85,0.5) → #032118
중앙 인용	white, 55px Bold

이상 탐지

검사	결과
회전 단일문자	없음
좁은 박스 세로 텍스트	없음
중복 노드	없음
-translateX(100%) 우측 정렬	106:219,221,222,224,226,227,231,232,233,234 — left값이 우측 기준

변형 가능 축

quadrants[4] (required) — 각 사분면에 headline + body 쌍
bar_labels[4] (required) — 헤더/푸터 바 라벨
center_quote (optional)
center_image (optional)
bg_texture (optional)

Sub-patterns

bullet-list: body 텍스트에 <ul><li> 불릿 마커 사용 (R13과 유사하나 이미지 마커 없이 텍스트 불릿)

6.1 KiB Raw Blame History Unescape Escape

Frame 1171281193 — 실측 기록 (flat)

구조

이미지 에셋

색상

이상 탐지

변형 가능 축

Sub-patterns

6.1 KiB

Raw Blame History