Codex의 Pets 기능은 정말 좋죠.

AI 코딩 특유의 지루한 대기 시간을 줄이는 데 좋은 아이디어라고 생각합니다.

무엇보다 내가 좋아하는 캐릭터가 사고하고 있는 느낌이 귀엽습니다.

하지만 Codex App(데스크톱 앱)이나 CLI는 Pets를 표시할 수 있는데,

VSCode 확장 프로그램으로 표시할 수 있는 수단이 없더라고요.

그것을 위해 Codex를 실행하는 것도 무겁고...

그래서 Pet Viewer for Codex라는 VS Code 확장 프로그램을 만들었습니다.

Codex Pet을 VS Code의 패널에 표시합니다.

※ ~/.codex/pets에 있는 Pet만 대응합니다. 기본 Pet은 대응하지 않습니다.

• Marketplace: https://marketplace.visualstudio.com/items?itemName=yutat23.pet-viewer-for-codex
• GitHub: https://github.com/yutat23/pet-viewer-for-codex

커맨드 팔레트(Command Palette)에서 Pet Viewer for Codex: Install Codex Hooks Integration을 실행하면, Codex의 Hooks를 통해 상태가 반영됩니다.

SessionStart -> idle
UserPromptSubmit -> running
PermissionRequest -> waiting
...

공식 Codex IDE 확장 프로그램의 세션에도 추종할 수 있습니다.

Canvas로 그려진 도트 그래픽 스타일의 배경을 선택할 수 있습니다 (현재 20종류).

배경은 Codex에게 만들어 달라고 했는데, 느낌 있게 만드는 것이 생각보다 어려웠습니다 (만족스럽지 않네요).

처음에는 Imagegen으로 작성한 png 파일을 image-rendering: pixelated;로 도트 그래픽 스타일로 만들었지만, 아무래도 확장 프로그램 자체의 크기가 커져 버리는 점과 애니메이션이 있는 편이 좋겠다고 생각해서 Canvas로 결정했습니다.

• Marketplace에서 확장을 설치한다
• Pet Viewer for Codex: Install Codex Hooks Integration을 실행한다
• Codex에서 /hooks 명령어를 실행하여 이 확장을 trust 한다
• 패널의 PET 탭을 연다
• 우클릭으로 Pet / Background를 전환한다

저는 터미널 옆에 두고 사용하고 있습니다. 드래그로 이동할 수 있습니다.