Figma-to-HTML 에이전트 초기 커밋

- 10단계 변환 프로세스 (PROCESS.md)
- 수학 공식 레퍼런스 (MATH.md, gradient_math.py)
- CSS 보정 규칙 R1~R16 (RULES.md)
- 작업 규율 7개 규칙 (PROCESS-CONTROL.md)
- 8개 Figma 프레임 1:1 HTML 변환물 (block-tests/)
- 8개 Jinja2 템플릿 staging (templates_staging/)
- 변환 완료 도서관 + 디자인 인사이트 (blocks_index.md)
- 사용법 가이드 (README.md)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-13 11:16:33 +09:00
commit beb5fd0c61
205 changed files with 19164 additions and 0 deletions

View File

@@ -0,0 +1,58 @@
# Frame 1171281207 — BIM 미래 선언 메시지 (pill banner)
> 원본: 3547 × 163 px
> Scale: × 0.36088 → 1280 × 58.8 px (매우 wide & thin)
> Node ID: 51:170 (Figma)
> 패턴 ID (잠정): `statement-pill-highlight`
> 매우 단순한 단일 메시지 배너
## 계층 경로
```
Frame 51:170 "Frame 1171281207" (3547 × 163)
├─ 17:2087 image 3668 (0, 0) 3547 × 163 — 배경 PNG, border-radius 97 (= 163/2 → 완전 캡슐)
└─ 17:2088 TEXT (205, 33) 2933 × 90
center (1671.5, 78), font 80 Bold Noto Sans KR, white
text-shadow 0 0 4px rgba(0,0,0,0.5)
tracking -0.16px
inline span 분리:
"수행과정 연속화와 관리체계 일원화된 형태의 " (white)
"전용ㆍ전문 S/W 개발" (#fe3 yellow)
" 없이는 미래가 없다." (white)
```
## 이상 탐지 결과
| 검사 | 결과 |
|------|------|
| 회전 | 없음 |
| 좁은 박스 | 없음 |
| 중복 | 없음 |
| Vector metadata | N/A |
## 패턴 분류
**새 패턴 발견.** 잠정 ID: `statement-pill-highlight`
특징:
- pill 모양 (border-radius = height/2)
- 배경 PNG (어두운 그래프 텍스처)
- 단일 line 메시지, 일부 span만 highlighted color
- text-shadow로 가독성 강화
## 변형 가능 축
- text_segments[N]: 인라인 span들 (각각 텍스트 + 색상)
- bg_image (optional, default: dark texture)
- text_shadow_color (optional)
- block_w (zone width), block_h (자동 = font_size × 1.1 or fixed)
## Sub-patterns
없음 (atomic 단순 패턴)
## 자산 매핑
| hash | 의미 |
|------|------|
| 527bd780... | bg_dark_texture |