Obsidian 내부에서 Claude Code 세션과 AI 에이전트를 관리하는 아이언맨 스타일의 대시보드 제작

이 요약은 AI가 원문을 분석해 생성했습니다. 정확한 내용은 원문 기준으로 확인하세요.

핵심 요약

Obsidian의 DataviewJS를 활용해 Claude Code 세션 모니터링, 토큰 비용 추적, 음성 명령 제어가 가능한 오픈소스 대시보드 J.A.R.V.I.S.를 개발했다.

배경

여러 프로젝트에서 5개 이상의 AI 에이전트를 Claude Code로 운영하며 발생하는 세션 관리의 복잡성과 토큰 비용 추적의 어려움을 해결하기 위해 Obsidian 기반의 통합 대시보드를 구축했다.

의미 / 영향

이 프로젝트는 AI 에이전트 활용이 늘어남에 따라 개별 세션과 비용을 통합 관리하려는 수요가 커지고 있음을 보여준다. 특히 Obsidian과 같은 개인 지식 관리 도구가 단순한 메모 앱을 넘어 AI 워크플로우의 중앙 관제탑 역할을 수행할 수 있는 가능성을 확인했다.

커뮤니티 반응

사용자들은 아이언맨 테마의 UI 디자인과 실용적인 토큰 추적 기능에 대해 매우 긍정적인 반응을 보였다. 특히 외부 API 연결 없이 로컬에서 모든 것이 작동한다는 점이 보안을 중시하는 개발자들에게 높게 평가받았다.

주요 논점

01찬성다수

복잡한 AI 에이전트 워크플로우를 한눈에 파악할 수 있는 시각적 도구가 반드시 필요하다.

합의점 vs 논쟁점

합의점

로컬 기반의 도구가 데이터 프라이버시 보호에 유리하다.
토큰 비용 모니터링은 LLM 앱 개발 및 운영 시 필수적인 요소이다.

실용적 조언

GitHub 저장소를 클론한 후 Obsidian 설정에서 DataviewJS를 반드시 활성화해야 한다.
src/config/config.json 파일에서 본인의 프로젝트 경로를 설정하여 자동 모니터링을 시작할 수 있다.
음성 명령 기능을 사용하려면 whisper-cpp가 로컬 환경에 적절히 구성되어 있어야 한다.

섹션별 상세

J.A.R.V.I.S.는 Obsidian의 DataviewJS를 기반으로 구축된 모듈형 대시보드이다. 별도의 외부 서버나 일렉트론 앱, 구독료 없이 사용자의 로컬 보관소 내에서만 작동하는 것이 특징이다. 3초마다 Claude Code 세션을 폴링하여 실시간 상태를 업데이트하며 서브에이전트 탐지 기능까지 포함한다.

대시보드는 총 13개의 위젯을 통해 다양한 정보를 제공한다. 실시간 세션 모니터링 외에도 30일간의 토큰 사용량 통계, 예상 비용 산출, 모델 선호도 분석 등이 가능하다. 에이전트 카드 위젯은 로봇 아바타와 기술 지표를 통해 현재 가동 중인 에이전트 함대의 상태를 시각적으로 나타낸다.

아이언맨의 자비스 인터페이스를 본뜬 Obsidian 대시보드 화면 — Screenshot중앙의 아크 리액터 스타일 음성 녹음 버튼과 상단의 세션 모니터링 정보, 토큰 사용 통계 위젯을 시각적으로 보여준다. 실제 구현된 UI의 레이아웃과 디자인 테마를 확인할 수 있는 핵심 이미지이다.

가장 눈에 띄는 기능은 아크 리액터 스타일의 음성 명령 버튼이다. whisper-cpp를 활용하여 오프라인 상태에서 음성을 텍스트로 변환하고 이를 Claude Code에 직접 명령으로 전달한다. 이를 통해 사용자는 자신의 옵시디언 보관소와 직접 대화하며 코딩 작업을 지시할 수 있는 환경을 갖추게 된다.

json

{
  "projects": [
    { "name": "Project A", "path": "/path/to/project" },
    { "autoScan": true }
  ],
  "widgets": ["LiveMonitor", "TokenStats", "VoiceCommand"],
  "layout": "grid"
}

대시보드의 프로젝트 경로와 활성화할 위젯을 설정하는 config.json 예시

시스템은 철저히 JSON 기반으로 설계되어 하드코딩된 값이 전혀 없다. 사용자는 config.json 파일을 수정하여 모니터링할 프로젝트 경로를 수동으로 지정하거나 자동 스캔하도록 설정할 수 있다. 위젯의 종류와 레이아웃 순서 역시 설정 파일에서 자유롭게 변경이 가능하여 개인화된 작업 환경 구축이 용이하다.

실무 Takeaway

Claude Code 사용자를 위한 로컬 기반의 강력한 통합 모니터링 및 제어 도구 제공
DataviewJS와 JSON 설정을 통한 고도의 커스터마이징과 확장성 확보
whisper-cpp를 활용한 로컬 음성 제어 기능으로 데이터 보안과 사용자 경험 동시 개선

언급된 도구

Obsidian추천

지식 관리 및 대시보드 호스트 애플리케이션

Claude Code추천

AI 코딩 에이전트 세션 실행 및 관리

DataviewJS추천

Obsidian 내 동적 데이터 렌더링 및 대시보드 구현

언급된 리소스

GitHubJarvis Dashboard GitHub

DemoJarvis Dashboard Demo Video