플러스프로젝트 배경
AI 에이전트에게 작업을 맡기고 나면 지금 무엇을 하고 있는지 직관적으로 알기 어려웠습니다. 로그를 텍스트로 읽는 대신, 진행 상황을 한눈에 파악할 수 있는 시각적 방식이 필요하다고 판단해 직접 만들었습니다.
프로젝트 성과
npm 공개 배포
npx hearthling 명령으로 누구나 설치 없이 바로 실행할 수 있도록 npm에 공개 배포하고, GitHub에 MIT 라이선스로 오픈소스화했습니다.
핵심 기능
실시간 세션 시각화
Claude Code 세션의 도구 호출을 읽어 워커가 마을에서 채집·제작하는 모습으로 실시간 표현합니다.
프로젝트 상세
Claude Code 세션의 실제 도구 호출 로그를 읽어와, 게임 마을에서 워커가 채집·제작하는 모습으로 시각화하는 로컬 대시보드입니다. npm 패키지(npx hearthling)로 배포하고 GitHub에 오픈소스(MIT)로 공개했습니다. Node.js 로컬 서버가 세션 로그를 읽고, Three.js로 만든 마을 화면에서 에이전트의 작업을 실시간으로 보여줍니다.
