AI 분석
AI 에이전트의 컨텍스트 토큰 사용량을 도트 그리드와 항목 목록으로 보여주는 라이트 모드 패널 UI다.
사선 패턴 배경 위에 떠 있는 카드형 패널이 헤더, 사용량 요약 카드, 콘텐츠 목록 카드, 하단 상태 바의 네 구역으로 나뉜다. 흰 바탕에 큰 숫자 지표와 모노스페이스 대문자 라벨을 섞고, 시스템·도구·메모리·문서·히스토리를 보라·초록·하늘·호박·남보라 색 도트로 구분하며 주황 버튼 하나만 강한 강조로 쓴다. 범례나 도트에 호버하면 해당 카테고리만 남고 나머지가 흐려지며 툴팁이 나타나고, 세그먼트 탭으로 목록이 전환되고 행 호버 시 고정·삭제 액션과 토스트, 더보기 메뉴가 등장한다. 복잡한 수치 데이터를 작은 위젯 안에서 밀도 있게 시각화하고 마이크로 인터랙션을 설계할 때 참고하기 좋다.
minimal · light-mode · techy
claude-opus-5-5 · 2026-10-16 05:51 · 신뢰도 0.80
