AI 분석
세 기기의 체크리스트가 온라인·오프라인 전환과 대기 작업을 거쳐 동기화되는 과정을 보여 주는 카드형 UI 요소다.
사선 패턴의 연회색 캔버스 중앙에 떠 있는 패널 안에 기기별 카드 세 개가 나란히 놓이고, 상단의 연결선과 노드 점이 기기 간 관계를 나타낸다. 산세리프 본문과 모노스페이스 대문자 상태 라벨을 섞어 쓰며, 기기마다 파랑·청록·보라 식별색을 두고 상태 배지는 초록(동기화됨)·파랑(동기화 중)·주황(대기 작업)으로 바뀐다. 토글로 기기를 오프라인으로 돌리면 카드 테두리가 점선으로 바뀌고 대기 작업 수가 표시되며, 다시 켜면 연결선을 따라 점이 이동하며 체크 상태가 전파된다. 하단에는 작업 수와 램포트 시계 카운터, 주황색 시나리오 실행 버튼이 있다. 로컬 퍼스트 동기화나 충돌 해결처럼 보이지 않는 시스템 상태를 시각화하는 인터랙티브 설명 UI 레퍼런스로 유용하다.
minimal · light-mode · techy
claude-opus-5-5 · 2026-10-16 05:45 · 신뢰도 0.80
