Canvas Debugging Skill

Visual Layout Builder의 Konva 기반 Canvas 시스템 디버깅을 위한 전문 스킬입니다. Grid 위치 계산, 컴포넌트 충돌, 스냅 동작 문제를 해결합니다.

When to Use

• Canvas에서 컴포넌트 위치가 잘못 표시될 때
• Grid 스냅이 예상대로 동작하지 않을 때
• 컴포넌트 겹침(overlap) 문제 발생 시
• Canvas→CSS Grid 변환 오류 디버깅
• Breakpoint 전환 시 레이아웃 문제
• 드래그 앤 드롭 동작 이상
• components/canvas/ 관련 이슈

Canvas System Architecture

Core Components