개인 프로젝트로 진행해 실제 거래 금액은 없으며, 표시 금액은 유사한 작업의 의뢰 기준으로 책정했습니다.

사용자가 만들고 싶은 앱을 설명하면 AI가 목적, 사용자, 기능, 화면, 작동 흐름을 구조화하고 시각적으로 확인할 수 있도록 만든 웹서비스입니다. 단순 AI 채팅이 아니라 생성, 검토, 수정, 시각화, 저장, 최종 구현 지시문 생성까지 하나의 서비스 흐름으로 구현했습니다.

자연어로 입력된 앱 아이디어를 AI가 일정한 JSON 구조로 변환하도록 설계했습니다. 사용자, 핵심 기능, 사용 행동, 데이터 흐름처럼 복잡한 정보를 정해진 형식으로 생성하도록 AI 출력 구조와 검증 로직을 구현했습니다. AI가 생성한 결과를 ReactFlow 기반 그래프로 변환해 사용자가 앱 구조와 흐름을 시각적으로 확인할 수 있도록 구현했습니다. 단순 텍스트 결과가 아니라 노드와 연결 관계를 실제 인터페이스에서 탐색할 수 있도록 구성했습니다. 사용자가 특정 그래프 항목을 선택하고 자연어로 변경을 요청하면 기존 구조를 유지하면서 변경안을 생성하고, 적용 전 변경 내용을 확인할 수 있도록 구현했습니다. AI 결과를 바로 확정하지 않고 사용자가 검토하고 결정하는 흐름을 서비스에 포함했습니다. Next.js 프론트엔드와 FastAPI 백엔드를 구성하고 OpenAI API, Supabase 인증 및 데이터 저장, 사용자별 프로젝트 관리까지 연결했습니다. 로그인, 사용량 관리, 결제 구조까지 포함해 실제 SaaS 형태로 개발했습니다.