AI 분석
에이전트 대화, 코드 에디터, 폰 프리뷰를 한 화면에 나란히 둔 다크 모드 AI 앱 빌더 화면이다.
좁은 아이콘 사이드바 옆으로 에이전트 대화 패널, 탭형 코드 에디터, 기기 프리뷰 패널이 세 칼럼으로 나뉜 데스크톱 워크스페이스다. 거의 검은 배경에 흰 산세리프와 모노스페이스 코드 폰트를 쓰고, 선명한 블루를 Publish 버튼과 프롬프트 입력창 테두리, 프리뷰 화면 그라데이션에 강조색으로 사용한다. 에이전트 패널에는 할 일 체크리스트, 추론 상태 표시, 추천 프롬프트 칩, 모델 선택 드롭다운이 있는 입력창이 있고, 프리뷰 패널에는 폰 목업과 QR 코드, 공유 링크 복사 필드가 배치되어 있다. 채팅에서 코드와 실시간 미리보기로 이어지는 AI 코딩 도구의 정보 구조를 설계할 때 참고하기 좋다.
dark-mode · techy · minimal
claude-opus-5-5 · 2026-10-16 07:19 · 신뢰도 0.93
