로컬 도구로 클로드 코드 세션 데이터 시각화하기
개발자가 사용자의 컴퓨터에 로컬로 저장된 Claude Code 사용 데이터를 시각화하는 도구를 만들었습니다. 이 도구는 ~/.claude/에서 세션 데이터를 읽고 단일 HTML 파일에 인터랙티브 시각화를 생성합니다.
도구의 기능
시각화는 R2D3 스타일 프레젠테이션과 유사한 D3.js 차트를 사용한 스크롤리텔링 방식을 채택합니다. 다음을 표시합니다:
- 일일 활동 타임라인
- 프로젝트 분류
- 도구 사용 통계
- 코딩 리듬 히트맵
Claude Code에서 /insights 명령을 실행한 적이 있다면, 이 도구는 해당 세션의 목표, 결과 및 장애 요인도 시각화합니다.
기술적 세부사항
구현은 최소한으로 이루어졌습니다:
- 의존성 없음
- 단일 Python 스크립트와 단일 HTML 파일만 사용
- npm 또는 빌드 단계 불필요
- 모든 처리는 사용자의 컴퓨터에서 로컬로 이루어짐
개발자에 따르면, 이 도구는 Claude Code를 사용해 완전히 제작되었습니다. 소스는 GitHub의 github.com/aybidi/claude-code-visualizer에서 확인할 수 있습니다.
📖 전체 소스 읽기: r/ClaudeAI
👀 See Also
페이즈록: 양육 기법에서 영감을 받은 AI 에이전트 제어 시스템
Phaselock는 AI 에이전트를 위한 네 가지 제어 메커니즘을 구현하는 오픈소스 에이전트 스킬입니다: 실행 전 명시적 게이트, 실수에 대한 즉각적인 피드백, 제한된 선택지, 기계적 규칙 적용. Claude Code, Cursor, Windsurf 및 훅을 지원하는 도구와 함께 작동합니다.
팽골린: ZTNA 대안으로서의 오픈소스 아이덴티티 기반 VPN
Pangolin은 신원 기반 원격 접근에 초점을 맞춘 오픈소스 VPN으로, Cloudflare ZTNA, Zscaler, Twingate에 대한 대안을 제공합니다.
Kstack: Claude Code를 위한 쿠버네티스 모니터링 및 문제 해결 스킬 팩
Kstack은 Claude Code(및 기타 AI 에이전트)에 /investigate, /audit-security, /cluster-status 등의 슬래시 명령을 추가하여 K8s 클러스터를 모니터링하고 문제를 해결할 수 있는 오픈소스 스킬 팩입니다. 내부적으로 kubectl, Kubetail, Trivy, Pluto를 사용합니다.
Anthropic, 소규모 비즈니스용 Claude 출시, QuickBooks·허브스팟·캔바 사전 제작 워크플로우 제공
Claude for Small Business는 Claude Cowork 내에서 토글 설치로 제공되는 패키지로, QuickBooks, PayPal, HubSpot, Canva, Docusign, Google Workspace, Microsoft 365와 연결되며, 급여, 월말 결산, 인보이스 발행, 캠페인 관리 등을 위한 15개의 즉시 실행 가능한 에이전틱 워크플로를 제공합니다.