AI 분석
AI 에이전트의 컨텍스트 토큰 사용량을 색상별 도트 그리드와 탭 목록으로 보여 주는 다크 모드 패널이다.
중앙에 놓인 카드형 패널이 헤더, 사용량 요약, 콘텐츠 목록, 하단 액션 바의 네 구역으로 나뉘고 상단 요약은 큰 토큰 수치와 우측 프롬프트 캐시 지표로 분할된다. 거의 검은 배경 위에 산세리프 큰 숫자와 모노스페이스 대문자 라벨을 섞어 쓰고, 시스템·도구·메모리·문서·히스토리를 보라·초록·청록·주황·인디고로 구분하며 주요 액션은 주황색 버튼 하나로 강조한다. 도트 그리드는 범주별 토큰 점유를 시각화하고, 범례나 그리드에 호버하면 다른 범주가 흐려지며 세부 항목 툴팁이 뜨고, 세그먼트 탭 전환에 따라 목록과 미니 진행 바 색이 바뀐다. 라이브 배지와 실시간으로 증가하는 수치까지 갖춰 AI 도구의 사용량 시각화와 정보 밀도 높은 위젯 설계 참고로 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-21 17:59 · 신뢰도 0.80
