AI 분석
노드 기반 에이전트 워크플로 캔버스가 단계별로 채워지는 다크·라이트 두 테마 화면이다.
미세한 점 격자 배경 위에 세로 축으로 정렬된 노드 캔버스가 화면을 구성하고, 상단에는 브레드크럼과 단계 수 메타 정보, 모델 선택 드롭다운, 단계 추가·테스트 실행 버튼이 놓인 얇은 툴바가 고정된다. 노드는 좌측 서비스 아이콘, 굵은 제목과 회색 부제, 구분선 아래 실행 결과 푸터로 이루어진 3단 구조이며, 성공은 초록 체크, 실패는 붉은 아이콘, 미실행 분기는 회색 대시로 상태를 구분한다. 중간 판정 노드에서 세 갈래로 갈라지는 엣지에는 조건 라벨 배지가 붙고, 노드가 위에서 아래로 페이드인하며 순차 등장하는 모션과 좌하단 줌 컨트롤이 캔버스 조작 맥락을 보여준다. 같은 플로를 다크와 라이트로 나란히 제시해 노드 그래프의 상태 표현과 테마 토큰 설계를 함께 참고하기 좋다.
minimal · dark-mode · light-mode · techy · high-contrast
claude-opus-5 · 2026-09-22 08:20 · 신뢰도 0.82
