Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Thêm Dashboard cho NanoClaw (add-dashboard)

Kỹ năng cài đặt và đấu nối một dashboard giám sát cục bộ cho dự án NanoClaw, hiển thị agent, session, token và log thời gian thực.

Lập trìnhTrung cấp★ 30,829⑂ 12,827Điểm AI 7/10Cập nhật lần cuối: 22 thg 9, 2026

Làm được gì

  • Cài gói npm @nanoco/nanoclaw-dashboard và chép module pusher vào src/, định kỳ đẩy snapshot DB (60 giây) và log (2 giây) lên dashboard.
  • Hướng dẫn chèn đúng một khối code vào main() trong src/index.ts (dynamic import + await startDashboard()), giữ thay đổi tối thiểu và dễ gỡ.
  • Kèm hai bài test: test hành vi (đẩy snapshot thật tới dashboard giả) và test wiring dùng TS AST để xác nhận khối code nằm đúng vị trí.
  • Hướng dẫn tạo secret, thêm DASHBOARD_SECRET/DASHBOARD_PORT vào .env, build, chạy test, restart service (systemd hoặc launchd) và smoke test bằng curl.
  • Có bảng mô tả các trang dashboard, mục xử lý sự cố và quy trình gỡ bỏ sạch sẽ.

Phù hợp với ai

  • Người đang vận hành NanoClaw và muốn theo dõi agent group, session, channel một cách trực quan.
  • Quản trị viên cần giám sát mức dùng token, tỉ lệ cache hit và context window.
  • Lập trình viên quen TypeScript, pnpm và vitest.

Ví dụ sử dụng

  1. Cài lần đầu: yêu cầu “thêm dashboard cho NanoClaw”, kỹ năng sẽ cài gói, sửa index.ts, build, chạy test rồi khởi động lại dịch vụ.
  2. Kiểm tra hoạt động: gọi curl -s http://localhost:3100/api/status và /api/overview kèm header Bearer để chắc chắn dashboard đã chạy.
  3. Gỡ bỏ: xóa các file pusher, gỡ gói npm, bỏ khối code trong main() và hai biến môi trường, rồi build lại.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/nanocoai/nanoclaw/HEAD/.claude/skills/add-dashboard/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
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 .claude/skills/add-dashboard từ repo GitHub nanocoai/nanoclaw vào ~/.claude/skills/add-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/nanocoai/nanoclaw.git /tmp/nanoclaw && mkdir -p ~/.claude/skills && cp -r /tmp/nanoclaw/.claude/skills/add-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.

  1. Mở terminal và clone kho: git clone https://github.com/nanocoai/nanoclaw.git
  2. Tạo thư mục kỹ năng: mkdir -p ~/.claude/skills
  3. Chép kỹ năng: cp -r nanoclaw/.claude/skills/add-dashboard ~/.claude/skills/ (kiểm tra thư mục resources/ đã được chép kèm).
  4. Mở Claude Code ngay tại thư mục gốc dự án NanoClaw của bạn.
  5. Gọi kỹ năng bằng /add-dashboard hoặc yêu cầu “thêm dashboard giám sát”.
  6. Làm theo hướng dẫn: thêm DASHBOARD_SECRET và DASHBOARD_PORT=3100 vào .env, chạy pnpm run build, chạy test rồi restart dịch vụ.
  7. Mở trình duyệt tại http://localhost:3100/dashboard để xác nhận.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT