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

1.1 KiB
Raw Permalink Blame History

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 영향 없음)