Khởi chạy Understand Dashboard
Mở dashboard web cục bộ để trực quan hóa knowledge graph của codebase.
Lập trìnhTrung cấp★ 78,314⑂ 6,578Điểm AI 6/10Cập nhật lần cuối: 30 thg 7, 2026
Skill này làm gì
Skill đọc tệp knowledge-graph.json do plugin Understand Anything tạo ra và mở một dashboard web cục bộ để bạn xem cấu trúc dự án.
- Tự xác định thư mục dự án (từ tham số hoặc thư mục hiện tại) và thư mục dữ liệu
.understand-anything/hoặc.ua/. - Nếu chưa có knowledge graph, skill nhắc bạn chạy
/understandtrước. - Tự dò gốc plugin qua nhiều đường dẫn cài đặt phổ biến (Claude Code, Codex, OpenCode, Copilot...).
- Đường nhanh: chạy viewer đóng gói sẵn từ GitHub Release bằng
npx(không cần build). Nếu thất bại, chuyển sangpnpm install+ Vite dev server. - Luôn trả về URL kèm tham số
?token=để bạn truy cập được dữ liệu.
Phù hợp với ai
- Lập trình viên đã dùng plugin Understand Anything và muốn xem kết quả phân tích dạng đồ thị.
- Nhóm phải tiếp quản codebase lớn hoặc legacy, cần nhìn nhanh quan hệ phụ thuộc giữa module.
- Tech lead cần tài liệu trực quan để onboarding thành viên mới.
Ví dụ sử dụng
- Sau khi chạy
/understandtrong repo hiện tại, gõ/understand-dashboardđể mở đồ thị trên trình duyệt. - Chỉ định dự án khác:
/understand-dashboard ~/work/legacy-apiđể xem riêng graph của dự án đó. - Trong buổi onboarding, bật dashboard và cùng nhau rà soát các module trung tâm và luồng gọi giữa service.
· · · Hướng dẫn cài đặt · · ·
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
Cài vào Claude Code
Để Claude làm — dán câu dưới đây vào Claude Code
Hãy cài skill mình tìm thấy trên Claude Skill Mart. Copy thư mục understand-anything-plugin/skills/understand-dashboard từ repo GitHub Egonex-AI/Understand-Anything vào ~/.claude/skills/understand-dashboard/ của mình. Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.
Cài bằng lệnh thủ công
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/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Cài sẵn Node.js (khuyến nghị 18+),
pnpmvàgit. - Clone repo:
git clone https://github.com/Egonex-AI/Understand-Anything.git ~/understand-anything - Sao chép skill vào thư mục skills:
mkdir -p ~/.claude/skills && cp -r ~/understand-anything/understand-anything-plugin/skills/understand-dashboard ~/.claude/skills/ - Tạo symlink để skill tìm được gốc plugin:
ln -s ~/understand-anything/understand-anything-plugin ~/.understand-anything-plugin - Khởi động lại Claude Code, rồi chạy
/understandtrong dự án cần phân tích để sinh knowledge graph. - Gõ
/understand-dashboard(hoặc kèm đường dẫn dự án) và mở URL có?token=mà skill in ra. - Nếu cổng 5173 đang bị chiếm, hệ thống tự chọn cổng khác — hãy dùng đúng URL được hiển thị.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT