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:
32
figma_to_html_agent/blocks/1171281193/classification.md
Normal file
32
figma_to_html_agent/blocks/1171281193/classification.md
Normal file
@@ -0,0 +1,32 @@
|
||||
# Frame 1171281193 — 분류: rewrite
|
||||
|
||||
## 근거
|
||||
1. 전체 absolute 배치 → R17 flex/flow 전환 필요
|
||||
2. `<ul><li>` 불릿 → R13 flex pair 전환 필요
|
||||
3. 구조 변경 범위가 patch 수준을 초과
|
||||
|
||||
## 변경 대상
|
||||
- Layout: absolute → CSS Grid 2x2 + flex column
|
||||
- Bullets: `<ul><li>` → R13 flex pair (marker + text)
|
||||
- Card backgrounds: 별도 div → ::before/::after pseudo-elements
|
||||
|
||||
## 변경하지 않는 것
|
||||
- 색상, gradient 값 (ribbon, card-bg)
|
||||
- 텍스트 내용
|
||||
- Center quote 이미지 + 오버레이 텍스트
|
||||
- zoom 값 (0.575022)
|
||||
- 에셋 파일
|
||||
|
||||
## 구조 결정 (HARNESS §4)
|
||||
```
|
||||
이 블록의 레이아웃은?
|
||||
├── CSS Grid 2×2 (사분면 배치)
|
||||
│ → grid-template-columns: 1080px 1080px
|
||||
│ → column-gap: 57px, row-gap: 72px
|
||||
├── 각 사분면: flex column (ribbon + sections)
|
||||
│ → sections 내부도 flex column (section 간 gap: 80px)
|
||||
│ → section 내부도 flex column (headline → bullet-list)
|
||||
├── Center quote: absolute overlay (사분면 경계에 걸침)
|
||||
│ → left:50% top:50% transform:translate(-50%,-50%)
|
||||
└── Card backgrounds: pseudo-elements (장식, flow 영향 없음)
|
||||
```
|
||||
Reference in New Issue
Block a user