Understand 대시보드 실행
코드베이스 지식 그래프를 브라우저 대시보드로 띄워주는 실행 스킬입니다.
개발·코딩중급★ 78,314⑂ 6,578AI 점수 6/10마지막 업데이트: 2026. 7. 30.
무엇을 해주나
Understand Anything 플러그인이 만들어 둔 knowledge-graph.json을 읽어, 로컬 웹 대시보드로 시각화해 줍니다.
- 인자로 받은 프로젝트 경로(없으면 현재 디렉터리)를 기준으로
.understand-anything/또는.ua/데이터 폴더를 자동 탐색합니다. - 지식 그래프 파일이 없으면 "먼저
/understand를 실행하세요"라고 안내합니다. - 플러그인 루트를 여러 설치 경로(Claude Code, Codex, OpenCode, Copilot 등)에서 순서대로 찾아냅니다.
- 빠른 경로: GitHub 릴리스의 자체 완결형 viewer를
npx로 실행(설치·빌드 불필요). 실패 시 pnpm 설치 + Vite 개발 서버로 대체 실행합니다. - 서버가 출력하는
?token=이 포함된 접속 URL을 그대로 사용자에게 전달합니다.
이런 분께 추천
- 이미 Understand Anything 플러그인을 쓰고 있고, 분석 결과를 그림으로 보고 싶은 개발자
- 대규모/레거시 코드베이스의 모듈·의존 관계를 시각적으로 파악하려는 팀
- 신규 입사자 온보딩 자료로 코드 구조 지도를 보여주고 싶은 리드 개발자
활용 예시
- 현재 저장소 분석 결과 보기 —
/understand실행 후/understand-dashboard를 입력하면 브라우저에 그래프가 열립니다. - 다른 프로젝트 지정 —
/understand-dashboard ~/work/legacy-api처럼 경로를 넘겨 해당 프로젝트의 그래프만 확인합니다. - 온보딩 세션 — 회의 중 대시보드를 띄워 서비스 간 호출 관계와 핵심 모듈을 함께 훑어봅니다.
· · · 설치 가이드 · · ·
Claude 앱에 설치 (터미널 필요 없음)
- 아래 버튼으로 ZIP 파일을 받으세요.
- Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
- Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
Claude Code에 설치
Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요
클로드스킬마트에서 찾은 스킬을 설치해줘. GitHub 저장소 Egonex-AI/Understand-Anything 의 understand-anything-plugin/skills/understand-dashboard 폴더를 내 ~/.claude/skills/understand-dashboard/ 에 그대로 복사해줘. 설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.
직접 명령으로 설치하기
git clone https://github.com/Egonex-AI/Understand-Anything.git ~/understand-anything && mkdir -p ~/.claude/skills && cp -r ~/understand-anything/understand-anything-plugin/skills/understand-dashboard ~/.claude/skills/⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.
- Node.js(권장 18 이상)와
pnpm, 그리고git이 설치되어 있는지 확인합니다. - 터미널에서 저장소를 내려받습니다:
git clone https://github.com/Egonex-AI/Understand-Anything.git ~/understand-anything - 스킬 폴더를 Claude Code 스킬 디렉터리로 복사합니다:
mkdir -p ~/.claude/skills && cp -r ~/understand-anything/understand-anything-plugin/skills/understand-dashboard ~/.claude/skills/ - 플러그인 루트를 쉽게 찾도록 심볼릭 링크를 만들어 둡니다:
ln -s ~/understand-anything/understand-anything-plugin ~/.understand-anything-plugin - Claude Code를 재시작한 뒤, 분석하려는 프로젝트에서 먼저
/understand를 실행해 지식 그래프를 생성합니다. /understand-dashboard또는/understand-dashboard <프로젝트경로>를 입력하고, 출력된?token=이 포함된 URL을 브라우저에서 엽니다.- 5173 포트가 사용 중이면 자동으로 다음 포트가 선택되니 안내된 URL을 그대로 사용하세요.
GitHub에서 원본 보기 ↗라이선스: MIT