- 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>
44 lines
1.1 KiB
YAML
44 lines
1.1 KiB
YAML
pattern_id: split-panel-numbered
|
|
category: cards
|
|
version: 0.1.0
|
|
provenance:
|
|
source_frame: "45:27 / Frame 1171281202"
|
|
reference_html: ../block-tests/bim-sw-overview.html
|
|
|
|
description: |
|
|
좌: 카테고리별 리스트 (BG 이미지 + 헤더 bar + 항목 나열)
|
|
우: 번호 badge + 설명 텍스트 N개
|
|
중간 장식 (optional). 소프트웨어 개요, 도구 설명, 기능 분류 등에 적합.
|
|
|
|
when:
|
|
relation_type: [tool-overview, software-catalog, split-detail]
|
|
content_shape:
|
|
left_categories: { min: 2, max: 5 }
|
|
right_items: { min: 3, max: 8 }
|
|
|
|
slots:
|
|
header: { type: object, required: false }
|
|
left_bg: { type: image, required: false }
|
|
left_categories:
|
|
type: list
|
|
required: true
|
|
min: 2
|
|
max: 5
|
|
item:
|
|
title: string
|
|
header_image: { type: image, required: false }
|
|
items: { type: list, items: string }
|
|
right_items:
|
|
type: list
|
|
required: true
|
|
min: 3
|
|
max: 8
|
|
item:
|
|
badge: { type: image, required: false }
|
|
bar_bg: { type: image, required: false }
|
|
text: string
|
|
|
|
min_size_px: { width: 800, height: 400 }
|
|
sub_patterns: []
|
|
priority: 40
|