AI 사용량을 보여주는 나만의 펫 만들기

바쁜 가을을 보내고 있습니다. 최근 모 협회 AX 프로젝트를 진행 중인데요. 담당 과장님 생일을 맞아 소소한 선물을 드려볼까 합니다. 주요 업무 시스템의 자동화 전환을 과감하게 선택하신 협회답게, 전 직원이 Claude와 Codex를 아주 빵빵한 요금제로 쓰고 계시는데요. 남은 한도를 간편하게 볼 수 있게 해 드리면 좋을 것 같습니다. 마침 과장님 카톡 프사가 귀여운 픽셀 아바타네요. 음침(?)하지만 어쩔 수 없이 캡처를 합니다...ㅎㅎ;;

1. 기획하기

우선 메인 기능을 생각해볼까요.

• 마우스를 올리면 말풍선으로 Claude와 Codex의 남은 사용량을 보여 줍니다.
• 3분이 지나면 트레이로 들어갑니다. 업무를 방해하면 안 되니까요!
• 트레이 아이콘에서도 마우스를 올리면 사용량이 보여야 합니다.

아무래도 정적인 사진보다는 동작이 있으면 좀 더 귀여울 것 같습니다.

• 평소엔 가만히 서 있다가 가끔 하품도 하고 기지개도 켜고 클릭하면 손을 흔들어 줍니다.
• 잡아서 끌면 어지러워하고, 놓으면 털썩 엉덩방아를 찧으며 앉습니다.
• 5초 동안 안 건드리면 드러누우실게요~~~~Zzzzz

2. 원하는 내용을 정리해서 프롬프트 만들기

위 기획된 내용을 프롬프트로 만들면 다음과 같습니다.

3. sprite-gen으로 캐릭터 동작 만들기

AI에게 캐릭터 시트를 통째로 그려 달라고 하면 동작과 동작 사이의 움직임이 뚝뚝 끊기게 보일 거예요. 그래서 우리는 sprite-gen이라는 오픈소스 도구를 써볼건데요. 캐릭터 원본과 동작 목록을 주면 동작마다 4~5장짜리 연속 그림을 그려줍니다.

그럼 동작마다 이런 그림이 한 줄씩 나옵니다. 누끼 작업을 쉽게 하려고 알아서 하늘색 배경으로 깔아주는군요. (물론 누끼 작업도 오픈소스가 알아서 다 합니다.)

4. 캐릭터 다듬기

당연히 딸깍!으로 한 번에 나오는건 없더라고요. 뽑아 놓고 보니 몇 군데를 손봐야 했습니다. 특정 동작이 다른 동작보다 약간 작게 그려졌다거나, 움직이는 장면에서 색이 지워지거나...이런 건 어쩔 수 없이 다시 한 번 프롬프트를 작성하여 세부적으로 캐릭터를 다듬어갑니다.

5. 기능 만들기

6. 사용량은 어디서 가져오는걸까

PC에 설치된 Claude Code와 Codex가 저장해 둔 로그인 정보를 읽어서 각 회사 서버에 사용량을 물어봅니다. 그래서 이 펫을 쓰려면 로그인이 되어 있어야 하고요. 로그인 파일이 없는 최초의 PC라면 브라우저로 공식 로그인 창이 열리고, 로그인을 마치면 바로 사용량이 보입니다.

7. 말풍선 디자인 다듬기

픽셀로 펫을 만들고 나니 예전 윈도우 XP 길잡이가 떠오르더군요...! (추억)
사용량을 보여 줄 말풍선은 이렇게 부탁했습니다.

8. 소개 영상 만들어보기

스레드에 올리고 싶었는데 막상 영상을 녹화하려니 귀찮더라고요. 요새 Opus 5.5가 미쳤다길래 영상 딸깍 저도 해봤습니다.

과장님이 잘 키우겠다고 하시네요. 좋아하셔서 다행입니다. 적극적인 AI 도입과 새로운 시도를 늘 응원해 주시는 덕분에 즐겁게 프로젝트에 임할 수 있어 참 감사한 나날입니다. 다음에도 재미있는 작업으로 돌아올게요!

[부록] 조금 아쉬웠다면 3D 캐릭터로

2D 캐릭터가 다소 아쉬웠다면, 좀 더 퀄리티 있게 3D 캐릭터로 만드는 방법도 있습니다. Blender를 MCP로 연결해 모델링을 시켜보겠습니다. 이 작업은...해줘! 라고 해서 절대 한 번에 해주지 않더라고요. 정말 많은 시간을 들여 계속 깎아 내야 합니다.