Kyeongmin/Figma-to-HTML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

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

34
block-tests/bg-shapes-only.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
display: flex; justify-content: center; align-items: center;
min-height: 100vh; background: #f5f5f5;
}
.block {
width: 1280px; height: 697px;
background: #000;
position: relative;
}
/* 42335 - 실제 dimensions 727 × 351 (MCP 라벨이 반대)
스케일: 424 × 205
BR: 175.5 0 0 175.5 → 102 0 0 102
gradient: 90deg, Figma 색상 그대로 */
.shape-42335 {
position: absolute;
left: 428px; top: 246px;
width: 424px; height: 205px;
border-radius: 102px 0 0 102px;
background: linear-gradient(90deg, rgba(217,162,104,1) 37%, rgba(220,103,14,0) 89%);
}
</style>
</head>
<body>
<div class="block">
<div class="shape-42335"></div>
</div>
</body>
</html>