AI바이브코딩으로 게임 직접 만들어보세요

코딩을 몰라도 “스파이더 게임 만들고 싶어” 한마디로 시작해, 광고 없는 나만의 카드게임이 생성됐습니다. 진동, 최고 기록, 순위까지 내 마음대로. 링크 하나로 가족과도 같이 합니다.

코딩 몰라도따라 하기 3단계무료로 시작

1이렇게 됐어요

내 손에 꼭 맞는 게임이 생겼다

말로 만든 게임코딩 한 줄 없이, “이런 게임 만들고 싶어” 대화만으로 완성

광고 없는 내 게임카드 모양, 효과음, 다 맞췄을 때 손맛까지 내 마음대로

내 최고 기록점수·시간·승리 수가 쌓이고, 난이도별 순위로 어제의 나와 겨루기

링크 하나로 공유앱 설치 없이 단톡방에 링크만 보내면 가족도 휴대폰으로 바로 한 판

제가 만든 스파이더 솔리테어, 지금 바로 해 보세요

쉬움(1수트)부터 어려움(4수트)까지. 휴대폰에서 링크만 누르면 됩니다.

한 판 해보기 →
다른 스파이더 솔리테어 앱 화면, 아래쪽에 광고 배너
전 남이 만든 앱, 화면 아래엔 늘 광고
손에 든 휴대폰에 직접 만든 스파이더 솔리테어 시작 화면, 쉬움·보통·어려움 난이도
후 광고 없는 내 스파이더 솔리테어
손에 든 휴대폰으로 직접 만든 스파이더 솔리테어를 하는 화면, 보통 2수트, 실행 취소와 힌트 버튼
게임 중 시간·점수·수를 세고, 실행 취소와 힌트는 아래에

스파이더 솔리테어를 몇 년째 하고 있습니다. 규칙이 간단하고 한 판이 5분 안팎이라 짬 날 때 하기 좋거든요. 그런데 앱마다 카드 모양도, 광고도, 손맛도 다 달라서 늘 어딘가 아쉬웠습니다. 코딩을 몰라도 말로 설명하면 만들어 준다길래, 직접 만들어 봤습니다.

23단계로 바로 해보기

말로 설명하고, 해 보고, 고치면 끝

1좋아하는 게임과 바라는 점 적기

자주 하는 게임 하나를 고르고, 쓰면서 아쉬웠던 점을 적어 봅니다. “다 맞추면 진동”, “내 최고 기록”, “광고 없이”처럼 나만의 요구사항이면 충분합니다.

2Claude에 이 문장 붙여넣기

claude.ai(또는 Claude 앱)에서 아래 문장을 복사해 붙여넣고, 게임 이름과 바라는 점만 바꾸세요. Claude가 몇 가지를 되묻고 나서 바로 해 볼 수 있는 게임을 만들어 줍니다.

“스파이더 솔리테어” 게임을 휴대폰에서 할 수 있게 만들고 싶어. 어떤 과정이 필요한지 먼저 로직을 설계해 주고, 궁금한 건 나에게 물어봐 줘. 바라는 점: 한 줄을 다 맞추면 진동, 내 최고 기록과 순위, 힌트와 실행 취소, 광고 없음.

3해 보면서, 본 그대로 고쳐 달라기

처음부터 완벽하진 않습니다. 직접 해 보다가 이상한 점을 본 그대로 말하면 고쳐 줍니다. 디자인도 같은 방식으로 조금씩 다듬습니다.

K부터 A까지 한 줄을 다 맞췄는데 카드가 사라지지 않아. 그리고 휴대폰에서 오른쪽 카드 줄이 화면 밖으로 밀려. 둘 다 고쳐줘.

무료 요금제로도 해볼 수 있습니다(하루 사용량 제한 있음). 만든 게임은 Claude 안에서 바로 해 볼 수 있습니다. 가족 누구나 로그인 없이 열게 하려면 무료 웹 주소로 올리면 되는데(저는 GitHub Pages를 썼습니다), 그 방법도 Claude에게 “누구나 열 수 있게 올리는 방법 알려줘”라고 물으면 차근차근 알려 줍니다. 이렇게 코딩 대신 말로 설명해서 만드는 방식을 요즘 “바이브 코딩”이라고 부릅니다.

솔직 후기

걸린 시간
3일
막혔던 곳
처음엔 채팅으로 만들다가, 컴퓨터에서 쓰는 개발 도구 “클로드 코드”가 더 효율적이라는 걸 알고 옮겼습니다. 카드 게임은 규칙만이 아니라 끝까지 깰 수 있는지, 화면 배치가 맞는지까지 챙겨야 해서 시간이 조금 더 걸렸습니다.
든 비용
Pro 요금제(월 20달러). 여러 모델을 써 보니 Opus 5.5가 가장 효율적이었고, 최신 Fable 모델은 훨씬 좋지만 사용량이 많아 테스트할 때만 씁니다.

3만들어 보니

하나 만들고 나니, 다음이 보였다

①가족과 링크로 한 판

아이폰 앱으로 만들까 하다가, 링크로 여는 웹앱으로 했습니다. 설치할 것도 없어서 가족 단톡방에 링크만 보내면 바로 같이 합니다.

②수도쿠도 금방

한 번 해 보니 다른 게임도 할 수 있겠다 싶었습니다. 규칙이 정해진 퍼즐은 특히 쉽습니다.

휴대폰에서 할 수 있는 수도쿠 게임을 만들어줘. 쉬움·보통·어려움 난이도, 틀린 칸 표시, 내 최단 기록 저장 기능을 넣어줘.

③다음 목표: AI 힌트와 내 기록장

지금은 정해진 규칙으로 힌트를 줍니다. 다음에는 “왜 이 수가 좋은지” AI가 설명해 주는 힌트, 그리고 로그인해서 몇 달 치 기록을 모아 보는 기능을 붙여 볼 생각입니다.

4더 알고 싶다면

왜 직접 만들었나요?

카드게임 중에서도 솔리테어, 그중에서도 스파이더를 좋아합니다. 규칙은 간단한데 한 판이 5분 안팎이라 가볍게 하기 좋고, 그만큼 중독성도 높습니다. 즐기는 사람도 많고요. 그런데 앱마다 카드 모양, 광고, 손맛이 다 달랐습니다. 쓰다 보니 “다 맞추면 진동이 오면 좋겠다”, “내 최고 기록은 뭐지?” 같은 나만의 요구사항이 쌓였습니다.

남이 만든 앱에 맞추던 게임을, 이제 내 손에 맞춥니다.

실제로는 이렇게 만들었어요
  1. “스파이더 게임을 만들고 싶은데, 어떤 과정이 필요한지 로직을 설계해줘”
    이 한마디로 시작했습니다
  2. Claude가 몇 가지를 되물음
    난이도, 화면 구성 같은 것을 묻더니 첫 버전을 만들어 줬습니다
  3. 디자인을 조금씩 손봄
    카드 모양, 색, 버튼 위치를 원하는 대로
  4. 오류는 본 그대로 말해서 고침
    다 맞췄는데 카드가 안 사라지거나, 화면 배치가 어긋나는 것들
  5. 앱 대신 웹앱으로
    아이폰 앱은 번거로워서, 링크로 여는 형태로 마무리
지금 게임에 들어 있는 것
  • 난이도 3단계: 쉬움(1수트) · 보통(2수트) · 어려움(4수트)
  • 실행 취소, 힌트, 자동 정리
  • 효과음 켜기·끄기, 한 줄 완성 진동(안드로이드 휴대폰. 아이폰 브라우저는 진동을 지원하지 않아 효과음만)
  • 최고 점수·최단 시간·승리 수, 난이도별 역대 순위, 신기록 축하
  • 하다 만 게임 이어하기
이런 분께 추천해요 · 잘 되는 요령

자주 하는 게임이 있는데 앱이 마음에 안 드는 분, 손주나 가족과 같이 할 게임을 만들어 보고 싶은 분께 추천합니다.

  1. 설계부터 부탁하기
    “바로 만들어줘”보다 “어떤 과정이 필요한지 설계해줘”가 결과가 좋습니다.
  2. 한 번에 하나씩
    바라는 점을 한꺼번에 말하기보다, 해 보면서 하나씩 더합니다.
  3. 오류는 본 그대로
    “어디서, 무엇을 했더니, 어떻게 됐다”만 말하면 됩니다.

비슷한 활용 사례