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>
This commit is contained in:
2026-04-13 11:00:31 +09:00
parent 360cd8e44c
commit 51548fdc41
467 changed files with 25280 additions and 10 deletions

View File

@@ -0,0 +1,323 @@
[
{
"type": "rect",
"x": 749.9998779296875,
"y": 0.0,
"w": 1923.0010986328125,
"h": 932.3690185546875,
"fill": "linear-gradient(90deg,#ffffff,#39311e)",
"name": "Rectangle 42336"
},
{
"type": "rect",
"x": 2670.996337890625,
"y": 0.00335693359375,
"w": 1924.003173828125,
"h": 932.9984741210938,
"fill": "linear-gradient(90deg,#296b55,#ffffff)",
"name": "Rectangle 42337"
},
{
"type": "text",
"x": 875.0168053604721,
"y": 722.0,
"w": 1465.748610204646,
"h": 139.99999165534973,
"color": "#000000",
"fontSize": 40.0,
"fontWeight": 700,
"text": "위치기반(지리적, 지형, 지반상태 포함)의 GIS와 3D 모델(형상, 내용속성) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 Process 혁신",
"name": "위치기반(지리적, 지형, 지반상태 포함)의 GIS와 3D 모델(형상, 내용속성) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 Process 혁신"
},
{
"type": "text",
"x": 874.9951384011802,
"y": 1038.0,
"w": 1465.7702771639379,
"h": 349.99997913837433,
"color": "#000000",
"fontSize": 40.0,
"fontWeight": 700,
"text": "인프라 건설산업의 1차적인 Process 혁신은 등고선 중심의 지형도가 아닌 
속성이 포함된 수치지형도와 본태 측량에서 획득한 3D 지반모델 구축 필수\n설계와 시공에 관련된 기술을 정리하고 디지털화하여 S/W 로 기술 축적\n서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 
연계가 가능하도록 설계, 시공 Solution 제공",
"name": "인프라 건설산업의 1차적인 Process 혁신은 등고선 중심의 지형도가 아닌 
속성이 포함된 수치지형도와 본태 측량에서 획득한 3D 지반모델 구축 필수 설계와 시공에 관련된 기술을 정리하고 디지털화하여 S/W 로 기술 축적 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 
연계가 가능하도록 설계, 시공 Solution 제공"
},
{
"type": "text",
"x": 875.0095830407081,
"y": 340.0,
"w": 539.3892495565706,
"h": 209.9999874830246,
"color": "#000000",
"fontSize": 40.0,
"fontWeight": 700,
"text": "개념, 도서, 행정 절차 중심\n2D 도면, 전문가, 규정\n업무 구분(단절), 책임",
"name": "개념, 도서, 행정 절차 중심 2D 도면, 전문가, 규정 업무 구분(단절), 책임"
},
{
"type": "text",
"x": 2928.016805360472,
"y": 351.0,
"w": 1465.748610204646,
"h": 139.99999165534973,
"color": "#000000",
"fontSize": 40.0,
"fontWeight": 700,
"text": "과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n정확한 Data에 기반한 계획과 개선된 높은 품질의 성과물",
"name": "과거 수작업으로 시행하면서 발생하던 오류 등의 최소화 정확한 Data에 기반한 계획과 개선된 높은 품질의 성과물"
},
{
"type": "text",
"x": 2928.002360720944,
"y": 1030.0,
"w": 1555.8680299422485,
"h": 279.99998331069946,
"color": "#000000",
"fontSize": 40.0,
"fontWeight": 700,
"text": "디지털 기반 성과물인 Graphic 중심의 3D 모델, 시뮬레이션을 제대로 활용하기 위해서는 기존의 낮은 수준이 아니라 공학용 사이니지(H/W) 시스템이 필수로 갖춰야야만 함\nEngn. Solution을 통해 프로젝트에 관한 이슈를 함께 검토하고 논의하고 다양한 건설단계별 정보를 디지털 데이터로 저장하여 건설의 전 과정을 통합관리",
"name": "디지털 기반 성과물인 Graphic 중심의 3D 모델, 시뮬레이션을 제대로 활용하기 위해서는 기존의 낮은 수준이 아니라 공학용 사이니지(H/W) 시스템이 필수로 갖춰야야만 함 Engn. Solution을 통해 프로젝트에 관한 이슈를 함께 검토하고 논의하고 다양한 건설단계별 정보를 디지털 데이터로 저장하여 건설의 전 과정을 통합관리"
},
{
"type": "text",
"x": 2928.009583040708,
"y": 652.0,
"w": 1471.1506075934813,
"h": 209.9999874830246,
"color": "#000000",
"fontSize": 40.0,
"fontWeight": 700,
"text": "규정에만 의존한 도면, 수량, 계산서, 시방서 등의 성과물*에 3D 모델, 시뮬레이션 등의 Digital 기반 정보물(Information Data and Products)이 추가\n 정확한 숫자 확인 및 진행과정의 확인 등을 위해 성과물은 지속적으로 존속",
"name": "규정에만 의존한 도면, 수량, 계산서, 시방서 등의 성과물*에 3D 모델, 시뮬레이션 등의 Digital 기반 정보물(Information Data and Products)이 추가 정확한 숫자 확인 및 진행과정의 확인 등을 위해 성과물은 지속적으로 존속"
},
{
"type": "text",
"x": 831.9999592604436,
"y": 600.0,
"w": 991.3353698358878,
"h": 94.99999433755875,
"color": "#5c3614",
"fontSize": 50.0,
"fontWeight": 900,
"text": "위치기반의 3D 모델을 사용하는 Process 혁신",
"name": "위치기반의 3D 모델을 사용하는 Process 혁신"
},
{
"type": "text",
"x": 831.9999592604436,
"y": 916.0,
"w": 991.3353698358878,
"h": 94.99999433755875,
"color": "#5c3614",
"fontSize": 50.0,
"fontWeight": 900,
"text": "사용자 중심의 Solution(S/W) 제공",
"name": "사용자 중심의 Solution(S/W) 제공"
},
{
"type": "text",
"x": 1825.001770540708,
"y": 340.0,
"w": 671.9175619697671,
"h": 209.9999874830246,
"color": "#000000",
"fontSize": 40.0,
"fontWeight": 700,
"text": "시각화된 목적물, 소통, 투명성 중심\n3D 모델, 참여자, 실체\n협업(융∙복합), 창의성",
"name": "시각화된 목적물, 소통, 투명성 중심 3D 모델, 참여자, 실체 협업(융∙복합), 창의성"
},
{
"type": "text",
"x": 2884.9999592604436,
"y": 237.0,
"w": 1324.0727157258516,
"h": 94.99999433755875,
"color": "#084c56",
"fontSize": 50.0,
"fontWeight": 900,
"text": "Copy & Paste로 인한 하향 평준화된 기존 성과품의 품질 향상",
"name": "Copy & Paste로 인한 하향 평준화된 기존 성과품의 품질 향상"
},
{
"type": "text",
"x": 831.9999592604436,
"y": 237.0,
"w": 1250.7188382621462,
"h": 94.99999433755875,
"color": "#5c3614",
"fontSize": 50.0,
"fontWeight": 900,
"text": "Analogue 개념 기반 업무의 Digital Transformation",
"name": "Analogue 개념 기반 업무의 Digital Transformation"
},
{
"type": "text",
"x": 2884.9999592604436,
"y": 916.0,
"w": 1324.0727157258516,
"h": 94.99999433755875,
"color": "#084c56",
"fontSize": 50.0,
"fontWeight": 900,
"text": "Solution을 이용한 업무효율화(사용자 편의, 협업 및 의사소통 강화 등)",
"name": "Solution을 이용한 업무효율화(사용자 편의, 협업 및 의사소통 강화 등)"
},
{
"type": "text",
"x": 2884.9999592604436,
"y": 538.0,
"w": 1430.1540082310385,
"h": 94.99999433755875,
"color": "#084c56",
"fontSize": 50.0,
"fontWeight": 900,
"text": "Analogue 기반 도서 외 Digital 기반 정보물 추가",
"name": "Analogue 기반 도서 외 Digital 기반 정보물 추가"
},
{
"type": "rect",
"x": 750.0,
"y": 62.0,
"w": 1921.0,
"h": 142.0,
"fill": "linear-gradient(90deg,#a4a096,#39311e)",
"name": "Rectangle 42421"
},
{
"type": "text",
"x": 1554.0,
"y": 62.0,
"w": 1076.8973388671875,
"h": 143.0,
"color": "linear-gradient(90deg,#296b55,#123328)",
"fontSize": 70.0,
"fontWeight": 900,
"text": "과정 (Process)의 혁신",
"name": "과정 (Process)의 혁신"
},
{
"type": "rect",
"x": 2672.999977607375,
"y": 62.0,
"w": 1925.000022392625,
"h": 142.00000174326775,
"fill": "linear-gradient(90deg,#296b55,#022017)",
"name": "Rectangle 42422"
},
{
"type": "text",
"x": 2885.0,
"y": 75.0,
"w": 1114.4112548828125,
"h": 116.0,
"color": "linear-gradient(90deg,#296b55,#123328)",
"fontSize": 70.0,
"fontWeight": 900,
"text": "결과 (Products)의 혁신",
"name": "결과 (Products)의 혁신"
},
{
"type": "rect",
"x": 0.0,
"y": 58.0,
"w": 688.0,
"h": 70.0,
"fill": "linear-gradient(90deg,#ffffff,#e3d8bf)",
"name": "Rectangle 42328"
},
{
"type": "text",
"x": 540.5,
"y": 62.0,
"w": 118.0,
"h": 62.0,
"color": "#ffffff",
"fontSize": 32.0,
"fontWeight": 700,
"text": "상세보기",
"name": "상세보기"
},
{
"type": "rect",
"x": 925.0,
"y": 1532.8671875,
"w": 635.0,
"h": 123.13286590576172,
"fill": "linear-gradient(90deg,#a4a096,#ffffff)",
"name": "Rectangle 42421"
},
{
"type": "text",
"x": 1026.0,
"y": 1532.0,
"w": 431.8291320800781,
"h": 123.0,
"color": "#000000",
"fontSize": 50.0,
"fontWeight": 900,
"text": "3D 지반모델",
"name": "3D 지반모델"
},
{
"type": "rect",
"x": 2781.0,
"y": 1512.8671875,
"w": 635.0,
"h": 123.13286590576172,
"fill": "linear-gradient(90deg,#a4a096,#ffffff)",
"name": "Rectangle 42421"
},
{
"type": "text",
"x": 2813.0,
"y": 1512.0,
"w": 566.0,
"h": 123.0,
"color": "#000000",
"fontSize": 50.0,
"fontWeight": 900,
"text": "BIM 기반 건설사업관리",
"name": "BIM 기반 건설사업관리"
},
{
"type": "rect",
"x": 1881.0,
"y": 1532.8671875,
"w": 635.0,
"h": 123.13286590576172,
"fill": "linear-gradient(90deg,#a4a096,#ffffff)",
"name": "Rectangle 42421"
},
{
"type": "text",
"x": 1913.0,
"y": 1532.0,
"w": 566.0,
"h": 123.0,
"color": "#000000",
"fontSize": 50.0,
"fontWeight": 900,
"text": "Model & Simulation",
"name": "Model & Simulation"
},
{
"type": "rect",
"x": 3815.0,
"y": 1511.8671875,
"w": 635.0,
"h": 123.13286590576172,
"fill": "linear-gradient(90deg,#a4a096,#ffffff)",
"name": "Rectangle 42421"
},
{
"type": "text",
"x": 3847.0,
"y": 1511.0,
"w": 566.0,
"h": 123.0,
"color": "#000000",
"fontSize": 50.0,
"fontWeight": 900,
"text": "운영 및 유지관리",
"name": "운영 및 유지관리"
}
]