design-system

디자인 시스템 워크플로우 — Pencil MCP(.pen 파일) 표준 루프, batch_design 함정 5종, google-labs-code design.md 형식, 화면(screen) layout variant 7가지(Centered / Stack / Sidebar-Left / Sidebar-Right / Two-Column / Three-Column / Dialog) + 카드 폭 토큰 (card-narrow 600 / card-default 880 / card-wide 1080 / card-full / card-dialog 520) + 사이드바 토큰(320 / 520) + body padding 표준([32,40] / [24,28] / 40) + snapshot_layout 기반 전수 조사 → 표준화 절차. 시안 = SSOT, design.md = 토큰 머신가독 미러. 토큰을 코드(CSS 변수)로 1:1 매핑. Use when asked to "Pencil 작업", "시안 편집", ".pen 파일", "batch_design", "디자인 시스템", "design.md", "DESIGN.md", "디자인 토큰", "화면 layout", "screen audit", "카드 폭", "max-width 일관성", "layout variant", "lane 분리", "시안 토큰 CSS로", or 비슷한 디자인 시스템 작업 발화.