AI 분석
에이전트 대화, 코드 편집기, 폰 미리보기를 한 화면에 배치한 다크 모드 앱 빌더 화면이다.
좌측 아이콘 레일과 에이전트 패널, 중앙 코드 편집기, 우측 미리보기로 이어지는 3분할 구조가 화면을 지배한다. 거의 검정에 가까운 배경 위에 패널마다 미세한 명도 차와 얇은 구분선을 두어 경계를 만들고, 본문은 산세리프 UI 서체, 코드는 고정폭 서체에 보라·주황 계열 구문 강조를 쓴다. 상단 파일 탭 바, 체크박스형 to-do 목록, 알약 모양 제안 칩, 그라데이션 테두리를 두른 입력창, 폰 목업과 QR 코드 카드가 주요 컴포넌트다. 두 장은 패널이 닫힌 상태와 미리보기가 열린 상태를 나란히 보여준다. 에이전트형 개발 도구의 다중 패널 밀도와 다크 테마 위계를 참고하기에 좋다.
dark-mode · techy · minimal · high-contrast
claude-opus-5 · 2026-09-08 00:07 · 신뢰도 0.92
