할로윈이 다가오네요... 그래서 깃허브 프로필을 '바이브 코딩'으로 유령의 집으로 만들었습니다... 현관문을 열면 공포 게임이 시작돼요... 🎃👻

매년 10월만 되면 뭔가 으스스한 걸 만들고 싶어지는데, 올해는 아주 제대로 판이 커져 버렸다... 😂

이 코드 대부분은 내가 직접 짠 게 아니라 AI한테 시킨 거다. 내 깃허브 프로필 전체를 할로윈에 맞춰서 마인크래프트 스타일의 유령의 집으로 바꾸겠다는 아이디어는 내 거였고... 🎃 Codex가 뼈대를 잡고, 나중에는 Claude Code가 작업이랑 마무리까지 싹 다 해치웠다. 배경 몇 개는 이미지 생성 AI가 그렸고. 나는 전체적인 그림을 그리고, 방향을 잡고, AI가 아주 자신 있게 틀려먹는 것들을 잡아내는 역할을 했다...

영상 보면 알겠지만 결과물은 대박이다. 차고에서 일하는 유령, 유령의 탑으로 변한 내 기술 스택, 매일 밤 내 기여 그래프를 파먹는 유령, 실시간 통계 아카이브, 방문자 수를 세는 묘지 표지판, 그리고 클릭하면 공포 어드벤처 게임이 시작되는 문까지. 퍼즐 7개에 엔딩은 6개나 된다.

최종적으로 사용한 기술 스택:

• Node.js와 sharp를 써서 GIF 프레임을 한 땀 한 땀 렌더링했고, 5x7 픽셀 폰트랑 스프라이트는 코드로 직접 정의함.

• 파이썬 스크립트로 깃허브 API에서 통계랑 기여 달력, 방문자 수를 긁어옴.

• 깃허브 액션(GitHub Actions) 크론 잡으로 하루에 두 번씩 전체 빌드.

• 게임은 마크다운 페이지 97개를 링크로 엮어서 만들었음. README에서는 자바스크립트가 안 돌아가니까. 선택지 하나하나가 링크고, 인벤토리 상태마다 페이지를 따로 팠다.

• 테스트 스크립트로 모든 게임 경로랑 재시도 경로, 라벨 위치를 다 검증했음. 검증 없는 '바이브 코딩'은 그냥 기분만 내는 거니까.

할로윈 지나기 전에 얼른 해봐라: 배너에 있는 "Enter the House" 표지판 클릭해서 들어가고, 어떤 엔딩 봤는지 알려줘라 (스포 금지)... 피드백도 환영이다!! 기대하고 있을게...

재밌었으면 레포에 별 좀 박아줘라. 아카이브 유령이 별 개수 세다가 12시간 안에 네 별도 추가해 줄 거다. 너도 네 프로필에 이거 달고 싶으면 포크 떠서 사용자 이름으로 바꾸고 재사용 가이드 따라 하면 된다. 라이선스는 Apache 2.0이다...

https://github.com/tropicalbee