앱 기획 퀘스트

한 줄 소개

게임처럼 5개 퀘스트를 깨면 내 앱 기획서와 Gemini용 프롬프트가 완성돼요

상세 설명 (마크다운)

이런 분께

• 바이브코딩 수업에서 학생들이 "뭘 만들지" 막막해하는 교사
• 앱을 만들고 싶지만 기획서를 어떻게 쓰는지 모르는 초·중·고 학생
• AI(Gemini)에게 "공부 앱 만들어줘"보다 구체적으로 요청하고 싶은 분

주요 기능

• 5개 퀘스트 진행: 불편함 발견 → 주인공 만나기 → 기능 고르기 → 지도 그리기 → 이름 짓기. 퀘스트를 하나 깰 때마다 진행도(XP)가 100씩 올라가 화면 위쪽에서 지금 어디까지 왔는지 볼 수 있어요.
• 안내 캐릭터 '에이든': 퀘스트마다 말풍선으로 질문을 던지고 예시와 한마디 조언을 줘요.
• Must 기능 3개 제한: 꼭 필요한 기능은 3개까지만 담을 수 있어서, 처음엔 작게 시작하는 연습이 돼요.
• 기획서(PRD) 자동 정리: 입력한 내용이 문제·주인공·기능·화면·이름이 담긴 기획서로 정리돼요.
• Gemini 프롬프트 한 번에 복사: 완성된 기획서를 바탕으로 한 프롬프트를 복사하거나, 기획서만 복사할 수 있어요.
• 저장·이어하기: 쓰던 내용이 이 기기 브라우저에 저장되어 새로고침해도 이어서 할 수 있어요. (로그인·서버 저장 없음)

사용 방법

1. 퀘스트 시작을 눌러 에이든과 함께 5개 퀘스트의 빈칸을 채워요.
2. 마지막 퀘스트를 마치면 기획서가 완성돼요.
3. 프롬프트 복사 후 Gemini 열기를 눌러 붙여넣으면 앱 만들기가 시작돼요.

참고

• 기획서와 프롬프트를 만들어 주는 앱이에요. 앱 자체를 만들어 주지는 않고, 만드는 것은 Gemini가 해요.
• 입력 내용은 브라우저에만 저장되므로 다른 기기에서는 이어지지 않아요.
• 개인정보(실명, 연락처, 학교)는 쓰지 않도록 안내하세요. 주인공은 가상의 인물로 정하면 돼요.

새 탭에서 HTML 앱이 실행됩니다

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