AI 분석
AI 자동화 워크플로우를 만드는 모바일 앱의 화면 전체 플로우를 한 장에 정리한 시안이다.
5열 2행의 목업 그리드로 프로젝트 목록, 템플릿 선택, 노드 편집, 파일 설정, 삭제 확인까지 이어지는 화면 순서를 한 장에 배치한다. 밝은 회색 배경 위에 흰 카드와 얇은 구분선을 쓰고 산세리프 본문에 파랑을 유일한 강조색으로 두어 정보 밀도가 높은 편집 화면에서도 시선이 흩어지지 않는다. 노드 카드가 세로 연결선으로 이어지는 캔버스, 하단 고정 액션 바, 검색이 붙은 노드 리스트, 토글과 슬라이더가 늘어선 설정 목록, 컨텍스트 메뉴와 파괴적 동작 모달이 핵심 컴포넌트다. 복잡한 노드 편집기를 좁은 폰 화면에 접는 방식과 화면 간 상태 전개를 함께 볼 수 있어 모바일 UX 플로우 레퍼런스로 유용하다.
minimal · light-mode · techy
claude-opus-5 · 2026-09-07 23:00 · 신뢰도 0.92
