# 16일간 AI와 함께 만든 AI 모니터링 도구 이야기

> Clean Markdown view of GeekNews topic #26656. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=26656](https://news.hada.io/topic?id=26656)
- GeekNews Markdown: [https://news.hada.io/topic/26656.md](https://news.hada.io/topic/26656.md)
- Type: news
- Author: [byforce](https://news.hada.io/@byforce)
- Published: 2026-02-13T14:36:06+09:00
- Updated: 2026-02-13T14:36:06+09:00
- Original source: [nalbam.github.io](https://nalbam.github.io/2026/02/05/vibemon-ko.html)
- Points: 16
- Comments: 5

## Summary

**AI의 상태를 시각화하는 모니터링 도구 ‘VibeMon’** 은 “Claude Code가 지금 무엇을 하고 있을까?”라는 호기심에서 출발했습니다. 로컬 HTTP 서버에서 시작해 **ESP32–Next.js–DynamoDB–WebSocket**으로 확장된 구조는, AI와 함께 AI를 관찰하는 재귀적 개발 과정을 보여줍니다.

## Topic Body

16일간 AI와 함께 만든 AI 모니터링 도구 이야기  
  
  설명  
  
  "Claude Code가 지금 뭐 하는지 알고 싶다"는 단순한 동기로 시작해서 ESP32 하드웨어부터 클라우드 WebSocket까지 구현한 개발 여정.  
  
  읽을 포인트:  
  - 로컬 HTTP에서 시작해 4단계로 진화한 아키텍처 스토리  
  - VibeMon으로 Claude를 보면서 Claude와 함께 VibeMon을 만드는 재귀적 개발  
  - Claude Code hooks를 뜯어보고 statusline 파싱으로 model/memory 정보 추출한 방법  
  - Next.js + DynamoDB + WebSocket으로 멀티 플랫폼 대시보드 구현 경험  
  
  단순히 완성된 프로젝트 소개가 아니라, "왜 이렇게 만들었는지", "어떤 문제를 만났는지", "어떻게 해결했는지"를 솔직하게 담은 개발 일지입니다. 픽셀 캐릭터가 AI 상태를 표정으로 표현하는 아이디어도 귀엽습니다.  
  
  데모: https://vibemon.io  
  블로그: https://nalbam.github.io/2026/02/05/vibemon-ko.html

## Comments



### Comment 51411

- Author: shakespeares
- Created: 2026-02-19T17:32:28+09:00
- Points: 1

멋진 프로젝트네요.

### Comment 51179

- Author: junghan0611
- Created: 2026-02-15T03:45:17+09:00
- Points: 1

훌륭합니다 와우!! 이런 접근 정말 좋네요. 에이존트들도 즐거이 만들었을 것 같군요!

### Comment 51154

- Author: shincad
- Created: 2026-02-14T11:23:33+09:00
- Points: 1

아주 흥미롭네요~!

### Comment 51129

- Author: bskim
- Created: 2026-02-13T20:41:54+09:00
- Points: 1

픽셀 아트 귀엽네요 ㅎㅎ

### Comment 51118

- Author: eyelove
- Created: 2026-02-13T15:44:09+09:00
- Points: 1

재미있어요 ㅎㅎ