노드 기획 PRO

이런 분께

• 학생들에게 "코딩 전에 앱을 먼저 설계하기"를 가르치고 싶은 선생님
• 만들고 싶은 앱은 있는데 AI에게 어떻게 설명해야 할지 막막한 입문자

주요 기능

• 노드로 앱 설계: 화면·구성요소·데이터·조건·외부 연동·알림·역할·메모 노드를 놓고 선으로 이어 앱의 흐름을 그려요.
• 앱 화면으로 보기: 노드를 휴대폰 화면 모양으로 바꿔서 보고, 버튼을 누르거나 ▶ 재생으로 화면 흐름을 따라가 볼 수 있어요. 레이아웃 9가지와 색 테마 5가지를 골라요.
• 빠진 곳 점검: 시작 화면이 없는지, 막다른 화면은 없는지 등을 규칙으로 알려줘요. 내 Gemini 키를 넣으면 AI 점검과 AI 초안도 써요.
• AI 지시문 만들기: 기획을 Claude Code, 앱 빌더, 채팅 AI, 마크다운 중 쓸 도구에 맞는 지시문으로 바꿔 복사해요.
• 눌러 보며 배우는 안내: 처음 열면 5단계 안내가 나와서 직접 눌러 보며 익혀요. 예시 프로젝트도 불러올 수 있어요.
• 클래스로그AI 제출: 클래스로그AI 교실에서 입장하면 지시문을 바로 제출할 수 있어요.

사용 방법

1. 보관함에서 화면 노드를 놓고 선으로 이어요. (예시 불러오기로 먼저 둘러봐도 돼요.)
2. "점검" 탭에서 빠진 곳을 고치고, "앱 화면 보기"로 흐름을 따라가 봐요.
3. "지시문" 탭에서 쓸 AI 도구를 골라 복사하거나 수업에 제출해요.

참고

• 앱을 직접 만들어 주지는 않아요. 만든 지시문을 다른 AI 도구에 붙여넣어 쓰는 도구예요.
• AI 초안·AI 점검은 사용자가 상단 "AI 설정"에 본인 Gemini 키를 입력해야 해요.
• 클래스로그AI 제출은 교사가 교실에 도구로 연결한 뒤에만 보여요.
• 작업 내용은 이 기기의 브라우저에 저장돼요. 다른 기기로 옮기려면 내보내기 파일을 써요.

누구나 화면만 살펴볼 수 있어요 (조작 불가)