(업데이트) 쓸모없는 챗봇을 '바이브코딩'해봤습니다. 챗GPT 같은데 고양이예요.
(update) Vibecoded a useless chatbot. It's like ChatGPT, but it's a cat.
핵심 요약
챗GPT를 고양이 버전으로 만든 'MeowGPT'를 바이브코딩으로 구현하고 애니메이션까지 추가한 개발기.
- 바이브코딩 활용 — Claude Code를 사용해 사용자 입력 없이도 아이디어를 빠르게 구현함.
- UI/UX 개선 — 고양이 마스코트 '모찌'를 도입하고 상태별 애니메이션 GIF를 직접 제작함.
- 기술적 시도 — 우쿨렐레와 칼림바 연주를 SUNO AI로 가공해 테마곡을 완성함.
- 취미 프로젝트 — 수익 목적 없이 바이브코딩의 재미를 즐기며 만든 사이드 프로젝트임.
어제 제가 바이브코딩으로 만든 "앱" MeowGPT 스크린샷을 올렸는데, 다들(대부분) 좋아해 주셨어요! 처음에는 Claude Code를 사용해서 만들었고, 솔직히 사용자 입력은 거의 없었어요. 아이디어를 설명하고 스크린샷 몇 장을 준 뒤에 만들어달라고 했죠. 그리고 그대로 배포했습니다.
긍정적인 댓글을 많이 보고 나서, 조금 더 다듬고 GIF 애니메이션을 추가해서 더 상호작용이 잘 되게 만들기로 했습니다.
업데이트:
-
대대적인 UI 개편. MeowGPT를 위한 고양이/새끼 고양이 마스코트를 도입했습니다. 아직 이름을 안 지었는데, 여러분의 추천을 받습니다. 저는 *모찌(Mochi)*라고 부를까 생각 중이에요 🍡😺
-
캐릭터 애니메이션 GIF를 만드는 데 시간을 많이 썼어요. 애니메이터가 아니라서 좀 힘들었네요. 먼저 애니메이션 프레임용 스프라이트를 생성하고, 포토샵을 사용해서 프레임 애니메이션을 만들었습니다.
몇 가지 상태가 있는데, 기본(neutral) 상태, 고양이가 답장할 때의 타이핑(typing) 상태, 그리고 다른 몇 가지(**까꿍(peek-a-boo)**이랑 눈이 반짝거리는 귀여운(cute) 상태)가 있습니다.
향후 업데이트 계획: 모찌와 함께 놀 수 있는 인터랙티브 게임이나 경험을 만들어볼까 생각 중입니다. 채팅 테마를 반영할 수 있는 반응형 GIF도 더 추가할 예정이고요. 제안할 게 있다면 알려주세요.
^(면책 조항:)
^(1. 제 독창적인 아이디어라고 생각했는데, 힘들게 깨달은 사실이 하나 있습니다. 이미 비슷한 아이디어의 다른 버전들이 몇 개 있더라고요.)
^(2. CatGPT라고 이름을 짓지 않은 이유는 이미 그 이름의 틱톡커가 있고, 도메인 비용이 좀 더 비쌌기 때문입니다.)
^(3. 이걸로 돈 벌 생각은 전혀 없습니다. 그냥 취미 프로젝트예요. 최근에 바이브코딩에 빠졌는데, 모든 과정이 정말 즐겁네요.)







