figma_to_html_agent 추가 + MCP/Claude 설정

figma_to_html_agent/: - Figma MCP 기반 블록 추출 에이전트 (CLAUDE.md, PLAN.md, PROCESS.md 등) - block-tests/: Figma→HTML 변환 결과물 (bim-3roles-cards 등) - templates_staging/: Jinja2 템플릿 + meta.yaml + example.yaml - figma-analysis/, figma-assets/: Figma 분석 데이터 + 에셋 - scripts/: gradient_math.py 등 유틸리티 설정: - .mcp.json: Figma MCP 서버 연결 설정 - .claude/settings.json: Claude Code 프로젝트 설정 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-13 11:00:31 +09:00
parent 360cd8e44c
commit 51548fdc41
467 changed files with 25280 additions and 10 deletions
--- a/figma_to_html_agent/block-tests/bg-shapes-only.html
+++ b/figma_to_html_agent/block-tests/bg-shapes-only.html
@@ -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>