당신의 프롬프트를 체크해보세요! - 비용 0 원으로 LLM 서비스 운영하기 feat. 바이브 체크

소개

한국 컴퓨터 화면의 스크린샷

AI 코딩의 시대, 개발자들은 이제 모든 코드를 직접 작성하기보다는 AI에게 원하는 기능을 설명하고 결과를 받는 방식으로 일합니다. 이 과정에서 '좋은 프롬프트'의 중요성은 점점 커지고 있습니다.

Vibe Check은 이러한 변화 속에서 탄생한 실험적인 시뮬레이터 게임입니다. 사용자는 가상의 개발자가 되어 AI에게 자연어 프롬프트를 입력하며 프로젝트를 완성해갑니다. 입력된 프롬프트는 실제 LLM(Groq API)이 평가하고, 그 품질에 따라 코드의 퀄리티와 기술부채가 결정됩니다.

비디오 게임 속 사무실 스크린샷

게임 디자인은 "Game Dev Story"에서 영감을 받아 유머러스하면서도 날카로운 리뷰어, 자원관리 시스템, 다양한 프로젝트 결과 등을 포함하고 있습니다.

"프롬프트를 잘 써야 좋은 결과가 나온다"는 메시지를 개발자에게 재미있게 전달하는 것이 핵심 목표였습니다.

진행 방법

전체 구성 요약

  • ✅ 3일 만에 바이브 코딩 기반 SaaS 게임 완성

  • 🆓 전면 무료 서비스 운영을 위한 인프라 구성

  • 🤖 실제 LLM이 실시간 프롬프트 품질 평가

  • 🎮 게임과 개발 학습을 결합한 실험적 시도

기술 스택

영역

기술 스택

프론트엔드

Next.js 16, Tailwind CSS, Zustand, Framer Motion, Vercel

백엔드

FastAPI, Docker, Koyeb

데이터베이스

Supabase

캐시

Upstash Redis

스토리지

Vercel Blob Storage

LLM

Groq API (LLaMA3)

  • Vercel: 무료 사용

  • Koyeb: Free 플랜으로 서버 1개는 충분히 사용가능

  • Supabase: DB 및 추후 로그인 인증 integration 가능

  • Upstash: 캐시 레이어

  • Groq API: llama-3.1-8b-instant ( 넉넉한 쿼터 제한 및 무료)

시스템 아키텍처

    [Browser]
        │
        ▼
[Next.js Frontend] ─────▶ [FastAPI Backend] ─────▶ [Groq API]
        │                         │
        ▼                         ▼
   [Vercel Blob]         [Upstash / Supabase]

주요 구현 포인트

  • 게임 시나리오 설계: Web / App / Game / CLI 총 4가지 카테고리, 27개 프로젝트 템플릿 구성

  • 프롬프트 품질 평가 로직: 사용자 입력 → LLM 평가 → 점수화 → 리뷰 생성

  • 냉소적 리뷰어: 실제 LLM으로 문체를 튜닝하여 현실감 있는 피드백 생성

  • 결과 저장 및 공유 기능: Supabase DB + 갤러리 페이지 구현

주요 구현 포인트

  • 게임 시나리오 설계: Web / App / Game / CLI 총 4가지 카테고리, 27개 프로젝트 템플릿 구성

  • 프롬프트 품질 평가 로직: 사용자 입력 → LLM 평가 → 점수화 → 리뷰 생성

  • 냉소적 리뷰어: 실제 LLM으로 문체를 튜닝하여 현실감 있는 피드백 생성

  • 결과 저장 및 공유 기능: Supabase DB + 갤러리 페이지 구현

결과와 배운 점

  • AI 기반 프롬프트 게임도 SaaS 형태로 제공 가능

    • 고비용 API 없이도 Groq 등 무료/저렴한 옵션으로 충분히 구현 가능

  • 3일 내 MVP 개발 가능

    • 적절한 템플릿 구성 + 명확한 역할 분리로 빠른 구현 달성

  • 리뷰 튜닝이 핵심

    • LLM 출력이 너무 단조롭지 않도록 시스템 프롬프트/샘플 학습을 통해 ‘캐릭터’ 부여

  • 기술부채 시각화의 교육적 효과

    • "대충 써도 되겠지" → 엔딩이 무너짐 → 유저의 학습 효과 유도

다음 계획

  • 챌린지 모드 및 멀티라운드 모드 추가

  • 프롬프트 추천 기능 (LLM 기반)


👉 실제 프로젝트 보러가기:

 https://vibe-kodings.vercel.app

지피터스 뉴스레터

이번 주 AI, 딱 쓸 것만

매주 월요일 오후,
읽고 바로 써먹을 AI 소식만