AI 분석
AI 에이전트의 사고 과정을 접이식 카드 안 체크리스트로 보여주는 컴포넌트다.
밝은 회색 캔버스 위에 둥근 모서리 카드 하나를 중앙에 놓고 위아래로 접힌 상태의 행 두 개를 배치한 단일 칼럼 구성이다. 산세리프 서체를 큼직한 크기로 쓰고 헤더에 목록 아이콘과 접기 화살표를, 본문에 상태 아이콘과 라벨을 두어 위계를 아이콘과 굵기 대신 명도 차이로만 만든다. 완료는 초록 체크 원, 진행 중은 점선 원 안 화살표, 대기는 빈 회색 원으로 구분하고 아래로 갈수록 투명도를 낮춰 목록이 더 이어진다는 것을 알리며 하단의 알약형 말줄임 버튼이 더 보기 진입점이 된다. 상태 아이콘 세 종과 페이드아웃 마스크만으로 긴 작업 큐를 압축해 보여주는 방식이 에이전트나 장시간 작업 UI를 설계할 때 참고가 된다.
minimal · light-mode · monochrome
claude-opus-5 · 2026-09-08 00:40 · 신뢰도 0.93
