Files
C.E.L_Slide_test2/figma_to_html_agent/block-tests/bg-shapes-only.html
kyeongmin 51548fdc41 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

35 lines
815 B
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>