AI 분석
AI가 생성한 채팅 인터페이스를 작업 목록·코드 패널·변형 비교와 함께 보여주는 다크 모드 제품 화면이다.
중앙의 미리보기 창을 중심으로 왼쪽에 작업 상태 패널, 오른쪽에 코드 패널이 겹쳐 떠 있는 레이어드 구성이고, 두 번째 화면은 두 개의 변형 미리보기를 나란히 놓고 가운데 세로 툴바로 구분한다. 거의 검은 배경에 회색 톤의 카드와 산세리프 텍스트를 쓰고, 코드 영역의 보라·분홍 구문 강조와 변경 줄 수의 초록·빨강이 소수의 강조색 역할을 한다. 진행 중·열 준비·완료로 묶인 작업 리스트, 중앙 정렬 채팅 입력창과 제안 칩, 프롬프트 말풍선, 변형 준비 알림 토스트와 새로고침 버튼이 눈에 띈다. AI 코드·UI 생성 도구에서 생성 상태, 결과 미리보기, 변형 비교를 한 화면에 엮는 방식을 참고하기에 유용하다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-21 16:41 · 신뢰도 0.88