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>
35 lines
815 B
HTML
35 lines
815 B
HTML
<!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>
|