AI 분석
다크 배경 위에 3분할 사이드바 구조로 설정과 코드 편집 화면을 구성한 개발자 도구 UI다.
두 화면 모두 아이콘 레일, 항목 목록, 상세 패널로 이어지는 3분할 구조를 쓰고 화면 바깥에는 흐린 배경 이미지를 깔아 창이 떠 있는 느낌을 준다. 거의 검정에 가까운 배경 위에 낮은 명도의 카드 면과 얇은 구분선을 쓰고, 첫 화면은 주황, 두 번째 화면은 파랑을 단일 강조색으로 제한한다. 에이전트 목록 카드, 드롭다운과 슬라이더가 늘어선 설정 폼, 온보딩 진행 배지, 파일 트리와 탭형 코드 에디터가 주요 컴포넌트다. 저채도 다크 UI에서 밀도 높은 설정 폼과 목록·상세 패턴을 정리하는 방식의 참고로 유용하다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-07 23:47 · 신뢰도 0.82
