클로드스킬마트스킬 둘러보기바로 쓰는 문장영상으로 배우기터미널 사용법스킬이 뭐예요?
 
← 목록으로

NanoClaw 대시보드 추가 (add-dashboard)

NanoClaw 프로젝트에 에이전트·세션·토큰 사용량을 보여주는 로컬 모니터링 대시보드를 설치하고 코드에 연결해 주는 스킬입니다.

개발·코딩중급★ 30,829⑂ 12,827AI 점수 7/10마지막 업데이트: 2026. 9. 22.

무엇을 해주나

  • @nanoco/nanoclaw-dashboard npm 패키지를 설치하고, 주기적으로 DB 스냅샷(60초)과 로그(2초)를 대시보드로 밀어 넣는 pusher 모듈을 src/에 복사합니다.
  • src/index.ts의 main() 안에 딱 한 블록(동적 import + startDashboard() 호출)만 추가하는 최소 침습형 통합을 안내합니다.
  • 동작 테스트(dashboard-pusher.test.ts)와 배선 검증 테스트(dashboard-wiring.test.ts)가 함께 제공되어, 코드가 올바른 위치에 들어갔는지 TS AST 수준에서 확인합니다.
  • .env에 DASHBOARD_SECRET / DASHBOARD_PORT를 추가하고, 시크릿 생성 명령·서비스 재시작(systemd/launchd)·curl 스모크 체크까지 이어집니다.
  • 문제 해결(“데이터 없음”, 401, 포트 충돌)과 깔끔한 제거 절차도 포함합니다.

이런 분께 추천

  • NanoClaw를 직접 운영 중이며 에이전트 그룹·세션·채널 상태를 눈으로 확인하고 싶은 분
  • 토큰 사용량, 캐시 적중률, 컨텍스트 윈도우 점유율을 대시보드로 추적하려는 운영자
  • pnpm/vitest/TypeScript 기반 환경에 익숙한 개발자

활용 예시

  1. 처음 대시보드 붙이기 — “NanoClaw에 대시보드 추가해줘”라고 요청하면 패키지 설치부터 index.ts 수정, 빌드·테스트, 서비스 재시작까지 순서대로 수행합니다.
  2. 정상 동작 확인 — curl -s http://localhost:3100/api/status와 Bearer 토큰을 붙인 /api/overview 호출로 대시보드가 살아있는지 확인합니다.
  3. 깔끔한 롤백 — 대시보드가 필요 없어졌을 때 pusher 파일 삭제, 패키지 제거, index.ts 블록 및 환경변수 정리까지 역순으로 되돌립니다.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/nanocoai/nanoclaw/HEAD/.claude/skills/add-dashboard/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 nanocoai/nanoclaw 의 .claude/skills/add-dashboard 폴더를 내 ~/.claude/skills/add-dashboard/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/nanocoai/nanoclaw.git /tmp/nanoclaw && mkdir -p ~/.claude/skills && cp -r /tmp/nanoclaw/.claude/skills/add-dashboard ~/.claude/skills/

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. 터미널을 열고 NanoClaw 저장소를 받습니다: git clone https://github.com/nanocoai/nanoclaw.git
  2. 스킬 폴더를 만듭니다: mkdir -p ~/.claude/skills
  3. 스킬을 복사합니다: cp -r nanoclaw/.claude/skills/add-dashboard ~/.claude/skills/ (동봉된 resources/ 파일들이 함께 복사되었는지 확인하세요)
  4. 자신의 NanoClaw 프로젝트 루트에서 Claude Code를 실행합니다.
  5. “대시보드를 추가해줘” 또는 /add-dashboard로 스킬을 호출합니다.
  6. 안내에 따라 .env에 DASHBOARD_SECRET과 DASHBOARD_PORT=3100을 넣고, pnpm run build → 테스트 → 서비스 재시작 순서로 진행합니다.
  7. 브라우저에서 http://localhost:3100/dashboard를 열어 화면이 뜨는지 확인합니다.
GitHub에서 원본 보기 ↗라이선스: MIT