나는 Git 커밋을 먹는 귀신 디지털 펫을 만들었다 (Kiro와 함께)

Source: Dev.to

디지털 펫을 기억하시나요? 그들은 요구가 많고 픽셀화되어 있었으며, 백팩에 두고 잊어버리면 사라졌습니다.
Kiroween 해커톤을 위해 이 개념을 개발자들을 위해 부활시키기로 했습니다. Necro‑Pet을 만나보세요. Git 커밋 기록을 먹고 자라는 데스크톱 동반자입니다. 코딩하면 성장하고, 멈추면 유령이 됩니다.

앱 만들기

주말만에 React, Electron, 실시간 시스템 감시자를 사용해 데스크톱 애플리케이션을 만들었습니다. 3인 팀을 시뮬레이션하기 위해 AI 코딩 에이전트 Kiro를 활용했습니다.

사양으로 게임 로직 정의하기

대부분의 AI 생성 코드는 몇 백 줄만 지나면 스파게티 코드가 되므로, 핵심 메커니즘을 위한 별도의 마크다운 사양을 작성했습니다:

Persistence: Linear health decay over 48 hours (so I don't die if I sleep).
Feeding: git commit = +20 Health.
Evolution: Level‑based system (Egg -> Larva -> Beast).

Kiro는 이 사양을 읽고 완벽한 타입 안전성을 가진 Zustand 스토어를 생성했으며, 사실상 코드를 작성하기 전에 시니어 엔지니어의 아키텍처 검토를 받은 것과 같습니다.

커밋 감지 자동화

커밋을 수동으로 입력하고 싶지 않았습니다. Kiro Agent Hook을 사용해 파일 시스템을 감시했습니다. 코드를 커밋하면 Kiro가 diff를 분석하고 앱에 “중세 판타지” 로그를 작성합니다.

git commit -m "fix: resolve authentication bug"

The necromancer hath repaired the fractures in the void...

이 기능 덕분에 펫이 여러분의 세계에 살아있는 듯한 느낌을 줍니다.

날씨 인식 분위기

**Open‑Meteo MCP (Model Context Protocol)**를 사용해 앱이 로컬 날씨를 확인합니다:

• 밖에 비가 오면 → 지하실에도 비가 내립니다.
• 밤이면 → 앱이 어두워지고 으스스해집니다.

Open‑Meteo 문서를 읽지는 않았습니다; MCP만 켜고 Kiro에게 “연결해 달라”고 요청했을 뿐입니다. Kiro는 실시간 API 응답을 검사하고 필요한 TypeScript 인터페이스를 작성해 주었습니다. ⚡️

유령 UI 디자인

1996년 저주받은 플로피 디스크에서 발견된 소프트웨어 같은 모습을 원했습니다. Vibe Coding을 사용해 다음 프롬프트로 Tailwind 설정을 생성했습니다:

“Make it look like a haunted GameBoy screen. Dark greens, scanlines, and blood‑red accents.”

그 결과, 직접 헥스 코드를 선택하지 않아도 일관되고 으스스한 UI가 완성되었습니다.

요약

코딩 연속성을 유지하는 데 어려움을 겪는다면, 아마도 당신에게는 함께할 괴물이 필요할지도 모릅니다.

GitHub Repo: Necro‑Pet on GitHub
Video Demo: Watch on YouTube

행복한 사냥! 🦇