본문으로 건너뛰기
r/ClaudeAI조회 11

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

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

실용적 조언

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

섹션별 상세

01
J.A.R.V.I.S.는 Obsidian의 DataviewJS를 기반으로 구축된 모듈형 대시보드이다. 별도의 외부 서버나 일렉트론 앱, 구독료 없이 사용자의 로컬 보관소 내에서만 작동하는 것이 특징이다. 3초마다 Claude Code 세션을 폴링하여 실시간 상태를 업데이트하며 서브에이전트 탐지 기능까지 포함한다.
02
대시보드는 총 13개의 위젯을 통해 다양한 정보를 제공한다. 실시간 세션 모니터링 외에도 30일간의 토큰 사용량 통계, 예상 비용 산출, 모델 선호도 분석 등이 가능하다. 에이전트 카드 위젯은 로봇 아바타와 기술 지표를 통해 현재 가동 중인 에이전트 함대의 상태를 시각적으로 나타낸다.
아이언맨의 자비스 인터페이스를 본뜬 Obsidian 대시보드 화면
Screenshot중앙의 아크 리액터 스타일 음성 녹음 버튼과 상단의 세션 모니터링 정보, 토큰 사용 통계 위젯을 시각적으로 보여준다. 실제 구현된 UI의 레이아웃과 디자인 테마를 확인할 수 있는 핵심 이미지이다.
03
가장 눈에 띄는 기능은 아크 리액터 스타일의 음성 명령 버튼이다. whisper-cpp를 활용하여 오프라인 상태에서 음성을 텍스트로 변환하고 이를 Claude Code에 직접 명령으로 전달한다. 이를 통해 사용자는 자신의 옵시디언 보관소와 직접 대화하며 코딩 작업을 지시할 수 있는 환경을 갖추게 된다.
json
{
  "projects": [
    { "name": "Project A", "path": "/path/to/project" },
    { "autoScan": true }
  ],
  "widgets": ["LiveMonitor", "TokenStats", "VoiceCommand"],
  "layout": "grid"
}

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

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

용어 해설

데이터뷰 JS(DataviewJS)
Obsidian 노트 앱 내에서 JavaScript를 사용하여 데이터를 쿼리하고 동적인 대시보드나 리스트를 생성할 수 있게 해주는 강력한 플러그인이다. 사용자가 직접 코드를 작성하여 복잡한 데이터 시각화나 자동화된 대시보드를 구축할 수 있어 고급 사용자들 사이에서 필수적인 도구로 꼽힌다.
토큰 사용량(Token Usage)
LLM이 텍스트를 처리하는 기본 단위인 토큰의 소비량을 의미하며, 이는 곧 API 사용 비용과 직결된다. 대규모 프로젝트에서 여러 에이전트를 동시에 실행할 경우 토큰 소비가 급격히 늘어나므로 이를 실시간으로 모니터링하고 관리하는 것이 경제적 운영에 필수적이다.
위스퍼 C++(whisper.cpp)
OpenAI의 음성 인식 모델인 Whisper를 C/C++로 재구현하여 고성능 로컬 추론이 가능하게 만든 라이브러리이다. 외부 서버에 음성 데이터를 보내지 않고도 로컬 환경에서 빠르고 정확하게 음성을 텍스트로 변환할 수 있어 보안과 속도 측면에서 큰 장점을 가진다.

언급된 도구

Obsidian추천

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

Claude Code추천

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

DataviewJS추천

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

AI 분석 전체 내용 보기

AI 요약 · 북마크 · 개인 피드 설정 — 무료

출처 · 인용 안내

원문 발행 2026. 03. 08.수집 2026. 03. 08.출처 타입 REDDIT

인용 시 "요약 출처: AI Trends (aitrends.kr)"를 표기하고, 사실 확인은 원문 보기 기준으로 진행해 주세요. 자세한 기준은 운영 정책을 참고해 주세요.