AI 분석
설정 패널·노드 캔버스·AI 채팅을 3분할로 배치한 라이트 모드 워크플로 빌더 화면이다.
왼쪽 아이콘 레일과 설정 패널, 가운데 점 격자 노드 캔버스, 오른쪽 AI 채팅 패널로 화면을 세 칼럼으로 나눈다. 연회색 배경 위에 흰 카드와 얇은 테두리, 넉넉한 라운드를 쓰고 산세리프 라벨과 우측 정렬 값으로 설정 목록의 밀도를 정리한다. 노드는 상단 색 배지로 종류를 구분하고 하단에 상태와 소요 시간·토큰 수를 배치하며, 곡선 커넥터와 원형 포트로 연결 관계를 드러낸다. 강조색은 파랑 하나로 제한하고 초록·노랑은 상태와 노드 유형 표시에만 쓴다. 복잡한 그래프 편집 도구에서 설정 폼과 대화형 보조 패널을 한 화면에 공존시키는 정보 구조 참고로 유용하다.
minimal · light-mode · techy
claude-opus-5 · 2026-09-07 15:55 · 신뢰도 0.92