AI 분석
에이전트 채팅, 프롬프트 입력창, 코드·미리보기 화면을 산 풍경 배경 위 카드로 나눠 보여 주는 다크 AI 앱 빌더 UI다.
안개 낀 청록색 산 사진 배경 위에 둥근 카드 세 장을 벤토 형태로 배치해 에이전트 패널, 프롬프트 입력창 확대, 코드 편집기와 기기 미리보기를 각각 보여 준다. 거의 검은 UI 위에 회색 산세리프 텍스트를 쓰고, 입력창 테두리와 상단 배너에만 시안에서 블루로 이어지는 선명한 그라데이션을 강조색으로 둔다. 좌측 아이콘 사이드바, 에이전트·탐색 탭, 체크리스트형 할 일 목록, 추론 단계 표시, 제안 칩, 모델 선택 드롭다운과 전송 버튼이 핵심 컴포넌트다. 오른쪽 하단에는 파일 탭이 있는 코드 뷰와 휴대폰 프레임 미리보기, QR 코드가 함께 놓여 생성 결과 확인 흐름을 보여 준다. AI 코딩 도구의 채팅 패널과 프롬프트 입력 컴포넌트를 설계할 때 참고하기 좋다.
dark-mode · techy · minimal · soft-gradient
claude-opus-5-5 · 2026-10-16 07:18 · 신뢰도 0.92
