Kyeongmin/C.E.L_Slide_test2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: figma_to_html_agent/blocks/ + 변환 도구 docs 갱신

Browse Source 
전체 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
Download Patch File Download Diff File Expand all files Collapse all files

112
figma_to_html_agent/blocks/1171281193/flat.md Normal file
View File

@@ -0,0 +1,112 @@
# 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과 유사하나 이미지 마커 없이 텍스트 불릿)