AI 분석
다크 모드 AI 어시스턴트 패널에서 계획·실행·확인·답변 작성으로 이어지는 에이전트 상태 전환을 보여주는 모션이다.
세로형 단일 칼럼 채팅 패널이 상단 헤더, 대화 영역, 하단 입력창으로 구성되고 마스코트와 추천 프롬프트 칩이 있는 빈 상태에서 시작한다. 거의 검은 배경에 회색 계열 텍스트를 쓰고 파란 강조색과 완료 체크의 초록, 확인 카드의 황갈색 테두리로 상태를 구분한다. 에이전트 상태 라벨과 경과 시간 배지, 단계 n/4 타임라인 체크리스트, 관련·건너뜀 배지가 붙은 이메일·통화 결과 카드, 스켈레톤 로딩, 선택 버튼이 있는 확인 카드, 접히는 작업 요약이 순서대로 등장한다. 텍스트가 블러에서 선명해지는 스트리밍 효과와 단계 전환이 자연스럽게 이어져 에이전트형 AI 제품의 진행 상태 설계 참고로 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-23 07:18 · 신뢰도 0.75
