AI 어시스턴트 기획서를 앱으로? 구글 AI 스튜디오로 직접 빌드해본 후기
소개
스터디장님이 공유해주신 AI 어시스턴트를 활용한 기획서를 보고 놀랐습니다. 어떻게 이렇게 잘 정리된 기획서가 나올 수 있을까? 이런 기획서를 만든 AI 어시스턴트를 나도 직접 써보고 싶다는 마음이 들었고, 실제로 구글 AI 스튜디오를 활용해 기획서 내용을 바탕으로 앱을 만들어보기로 했습니다. 🧠✨
진행 방법
사용 도구
구글 AI 스튜디오: 앱 빌드를 위한 플랫폼
민트베어 AI 어시스턴트: 기획서 생성에 활용
진행 과정
민트베어 AI 어시스턴트를 활용해 기획서 형태의 결과물을 확보
해당 기획서를 바탕으로 구글 AI 스튜디오에 입력
GUI 환경에서 설정을 조절하며 앱 생성
별도 코드 작성 없이도 앱 형태로 변환 완료
한줄짜리 내용으로 우리가족 저녁 든든한 가성비 식탁 앱 완성
[Prompt 예시 - Google AI Studio – Build 전용 PRD 입력 템플릿
이 문서에 기재된 내용을 기반으로, Google AI Studio – Build는 실행 시점의 최신 기능·최신 모델·최신 API·최신 매뉴얼을 자동으로 확인하여 최적의 앱을 구성합니다.
구체적인 UI/DB 구조/모델 설정은 자동으로 설계해주세요.
⸻
[0] 기본 정보
앱 이름: 든든한 가성비 식탁 (Hearty Budget Table)
앱의 주요 목적 (한 문장): 4인 가족을 위해 저렴한 비용으로 포만감을 극대화할 수 있는 고열량 가성비 저녁 메뉴를 현실적으로 제안하는 앱
⸻
[1] 앱의 주요 기능
앱에서 제공하고 싶은 핵심 기능을 자유롭게 작성하세요.
Build는 아래 내용을 참고하되, 최신 기능을 우선 적용하여 최적화된 구조로 자동 구성합니다.
핵심 기능:
- **맞춤형 조건 입력:** 4인 가족 기준의 오늘 예산, 선호하는 조리 방식(직접 요리 vs 간편식/배달), 기피 식재료 입력 기능.
- **가성비·고열량 추천 엔진:** 입력된 예산 내에서 가장 칼로리 효율이 높고 맛있는 메뉴 3~5가지 추천.
- **현실적 분석 리포트:** 추천된 메뉴가 왜 가성비가 좋은지, 4인 가족이 배불리 먹기 위해 필요한 재료 양과 예상 비용, 대략적인 총 칼로리 표시.
- **실천 가이드:** 직접 요리 시 저렴하게 재료를 대체하는 팁(예: 비싼 고기 대신 앞다리살 사용) 또는 구매 팁 제공.
- **즐겨찾기:** 마음에 드는 메뉴를 로컬에 저장하여 나중에 다시 볼 수 있는 기능.
⸻
[2] 사용자 흐름
사용자가 앱을 어떻게 사용할지 대표적인 흐름을 간단히 적어주세요.
상세 동작 방식과 화면 구성은 Build가 최신 매뉴얼 기준으로 자동 설계합니다.
사용자 흐름:
1. 앱 접속 후 메인 화면에서 '오늘의 예산'과 '선호 스타일(요리/배달)' 선택.
2. '메뉴 추천받기' 버튼 클릭.
3. AI가 분석한 '최고의 가성비 메뉴' 카드 리스트 확인 (가격 및 칼로리 강조).
4. 특정 메뉴 클릭 시 상세 레시피 또는 구매 팁 확인.
5. 마음에 드는 메뉴는 '저장' 버튼을 눌러 보관함에 기록.
6. '보관함' 탭에서 언제든 저장된 메뉴 확인.
⸻
[3] 데이터 활용 여부
필요 시 저장 또는 조회 기능이 포함되는지 작성하세요.
구체 스키마·DB 구조는 작성하지 마세요.
Build가 실행 시점의 최신 API와 권장 방식을 확인하여 자동 구성합니다.
데이터 저장/조회 기능 필요 여부: 필요 (로컬 스토리지 사용)
데이터 관련 요구사항:
- 별도의 회원가입이나 로그인 절차 없이, 사용자의 브라우저 내 **Local Storage**를 활용하여 데이터 저장.
- 저장할 데이터: 사용자가 '찜'한 추천 메뉴 목록, 최근 검색한 예산 설정 값.
- 외부 데이터베이스(Firestore 등)는 사용하지 않음.
⸻
[4] 화면 구성 의도 (선언적 표현)
원하는 화면 유형을 간단히 적어주세요.
UI/레이아웃/컴포넌트 배치는 Build가 최신 방식으로 구성합니다.
원하는 화면 유형:
- **입력 화면:** 직관적인 슬라이더(예산 조절)와 태그 선택(요리 방식)이 가능한 심플한 UI.
- **결과 화면:** 음식 이미지, 예상 비용(크게 표시), 총 칼로리(강조)가 포함된 카드형 레이아웃.
- **상세 화면:** 구체적인 재료 목록과 '가성비 포인트'를 설명하는 텍스트 중심 화면.
- **보관함 화면:** 저장된 메뉴를 리스트 형태로 확인하고 삭제할 수 있는 화면.
⸻
[5] 기타 요구사항
필요한 경우 추가 요구사항을 작성하세요.
작성된 요구사항은 Build가 최신 기능과 매뉴얼을 기반으로 자동 최적화하여 구현합니다.
기타 요구사항:
- **톤앤매너:** 실질적인 도움이 되도록 친근하면서도 '알뜰한' 느낌의 디자인.
- **현실성 강조:** 구하기 힘든 재료나 너무 복잡한 요리는 추천에서 제외하도록 프롬프트 최적화.
- 고열량의 기준은 '건강에 나쁜 것'보다는 '에너지 밀도가 높고 포만감이 오래가는(탄수화물+지방 적절 조화)' 메뉴 위주로 선정.
⸻
[6] 보조 옵션
Build가 앱을 구성할 때 참고할 수 있는 옵션입니다.
작성하지 않으면 Build가 판단하여 자동 구성합니다.
- 세련된 폰트(Pretendard 등)의 한국어 인터페이스로 작성.
- 모바일 환경에서도 보기 편한 반응형 디자인 적용.
⸻
[7] 확장 가능성
향후 확장하고 싶은 아이디어가 있다면 적어주세요.
Build는 “현재 작성된 PRD 범위에서 구현 가능한 수준”으로만 확장안을 반영하고,
구체 구현은 최신 기능 기준으로 자동 설계합니다.
확장 아이디어:
- 추후 마트 전단지 데이터를 연동하여 실제 할인 품목 기반 추천 기능.
- 가족 구성원의 나이대(성인, 아동)에 따른 권장 칼로리 계산 기능.
⸻
Build 적용 지침 (중요)
아래 문장은 사용자가 수정하지 않고 그대로 Build에 들어가야 하는 고정 문장입니다:
“위 PRD 내용은 실행 시점의 Google AI Studio – Build가 제공하는 최신 기능, 최신 모델, 최신 API, 최신 매뉴얼을 기준으로 해석하고 구현합니다.
필요한 경우 Build는 최신 버전 권장 설정을 우선 적용하여 UI·기능·데이터 구조를 자동으로 최적 설계합니다.”]
결과와 배운 점
기획서만 보고 만든 앱이었는데, 예상보다 훨씬 더 완성도 있게 동작하는 결과에 스스로 놀랐습니다 😲
‘이런 앱을 나도 만들 수 있다’는 자신감을 얻게 되었습니다
민트베어 강의는 초보자 눈높이에 딱 맞춰져 있어, 처음부터 이해가 쉬웠고 점점 실력이 향상되는 걸 느꼈습니다
다음에는 좀 더 복잡한 인터랙션을 구현해보고 싶어졌어요 🔧
도움 받은 글
스터디장님이 공유해주신 민트베어 AI 어시스턴트 강의
구글 AI 스튜디오 공식 문서 및 튜토리얼
🙌 한줄 요약: "정말 초보부터 시작한다면 이 강의 꼭 강추! 이해를 바탕으로 점점 발전하는 자신을 발견할 수 있어요."