SmartGift R&D · Nội bộ
AgentHub
Một dashboard duy nhất cho Claude Code & Codex
Cấu hình · Điều khiển · Theo dõi
- tất cả trên một màn hình
v1.6.11Chạy hoàn toàn trên máyGiao diện tiếng Việt
Tổng quan
AgentHub là gì
🔭 Theo dõi
AI làm gì thì hiện lên màn hình ngay lúc đó, khỏi phải bấm reload.
🎮 Điều khiển
Mở Claude Code và Codex thẳng trên trình duyệt, chạy nhiều dự án cùng lúc.
⚙️ Cấu hình
Skill, plugin, MCP, tài khoản, AI Router bật tắt bằng chuột, khỏi nhớ lệnh.
AgentHub không thay Claude Code. AI vẫn là Claude Code / Codex chạy y nguyên,
AgentHub chỉ đứng bên cạnh ghi lại rồi bày ra cho mình xem.
Bản đồ
5 nhóm chức năng
1 · Lane - chỗ làm việc của từng dự án
Một repo hoặc một worktree được theo dõi liên tục, tiến độ tồn tại qua nhiều session.
Bên trong mỗi lane có: pipeline ·
terminal thật trên trình duyệt · lịch sử chạy
2 · Thống kê & lịch sử
Từng bước, từng lệnh, cả cây subagent mà orchestrator sinh ra
3 · Chi phí
Tiền theo session, theo ngày, theo model, theo dự án
4 · Tài khoản & Router
Lưu nhiều tài khoản subscription, hết quota thì bấm đổi. Mỗi dự án gắn được một router
riêng
5 · Quản trị AI
Skill, plugin, MCP, hook, memory cho cả Claude Code lẫn Codex
+ Quy trình ship
Gõ một lệnh, chạy từ lúc lên plan tới lúc mở Pull Request
Chức năng 1 · Lane
Lane - chỗ làm việc của từng dự án
- Một thư mục dự án mà AgentHub bám theo liên tục
- Có thể là một repo, hoặc một worktree của dự án
- Tắt máy mở lại vẫn đúng tiến độ đó, qua bao nhiêu session cũng vậy
-
Worktree cho mỗi lane một môi trường riêng, các lane không conflict nhau,
hỏng thì reset
- Một repo có thể chạy được cả Claude lẫn Codex (tạo 2 lane riêng)
Tạo lane: Repo hay Worktree · Claude hay Codex · mẫu pipeline · AI Router
Mọi thứ còn lại đều nằm bên trong một lane: pipeline, terminal, lịch sử chạy.
→ 3 slide tiếp theo.
Chức năng 1 · Lane
Pipeline - thấy tiến độ bằng màu
Lấy thông tin→
Lên plan→
Viết code→
Test, QC→
Review→
Người dùng kiểm duyệt→
Tạo Commit/PR→
Xong
Xanh lá - xong, và có evidence
Vàng cam nét đứt - AgentHub tự động detect, hoặc xong mà
không có evidence
Đỏ - chạy thất bại hoặc có lỗi gây đứng
Màu đến từ đâu? đúng 2 nguồn
🗣️ Session AI tự khai báo
- nguồn chính
AI đang làm tự báo về dashboard từng stage:
Bắt đầu một stage → 🟦 xanh dương
Xong, có đưa evidence → 🟩 xanh lá
Xong, không đưa evidence → 🟧 vàng cam
Chặng đó hỏng, AI báo thất bại → 🟥 đỏ
agenthub stage tests --evidence "48 test pass"
👁️ AgentHub tự suy đoán
- nguồn phụ
Nếu AI quên báo, AgentHub đọc các lệnh AI gõ rồi tự đoán đang ở stage nào:
npm test → stage Test
gh pr create → stage Commit/PR
skill
writing-plans → stage Plan
Đoán được thì chỉ ra 🟧 vàng cam - không bao giờ xanh lá, cũng không chiếm
ô xanh dương.
AgentHub thấy AI gọi lệnh test - không thấy kết quả của lệnh đó. Nên nó
không dám tô xanh.
Kèm 3 luật: suy đoán không đè lên khai báo · node suy đoán
không bao giờ thành xanh lá · suy đoán hết hạn sau 5 phút nên lane lùi
lại được giữa hai buổi làm.
Chức năng 1 · Lane
Chạy AI ngay trên trình duyệt
- Terminal thật, không phải khung chat mô phỏng
- Đóng tab hay tắt luôn dashboard thì session vẫn chạy
- Xem 1 / 2 / 4 terminal song song cho nhiều dự án
- Mở ngược lại trên máy local - vẫn đúng session đó, hai bên đồng bộ
- Nút resume session dùng được cho cả Claude lẫn Codex
Phiên Claude chạy thật trong trình duyệt, ngay dưới pipeline của lane
Chức năng 1 · Lane
Dùng Claude Code, Codex, hay cả hai
|
Claude Code |
Codex |
AI Tools khác |
| Chạy trên web |
✓ |
✓ |
Có thể cập nhật sau
|
| Hiện tiến độ pipeline |
✓ |
✓
- đọc log của chính Codex mỗi 15 giây
|
| Tuỳ chọn khi chạy |
Permission mode, model, effort |
Sandbox, approval, reasoning effort |
| Tiếp tục session cũ |
Chọn từ danh sách session |
Nút resume --last |
| Lịch sử & chi phí chi tiết |
✓ |
chưa có |
Codex đứng một stage quá 2 phút mà chưa có evidence → AgentHub
gõ một dòng nhắc thẳng vào session đó. Nó chỉ nhắc, không tự khai thay.
Chức năng 2
Xem lại mọi thứ AI đã làm
-
Từng bước, từng lần gọi tool, từng file đã đọc và sửa, số token ·
cây subagent do orchestrator tạo ra - ai gọi ai
- Toàn bộ transcript đọc lại được · lọc theo ngày, loại, tool · tìm kiếm toàn văn
- Cả những thứ AI không tự báo: bị compact context, lỗi API, bị bấm Esc ngắt
Thống kê một session: event, lệnh gọi, token, chi phí
Hội thoại đầy đủ, đọc lại được
Chức năng 3
Chi phí - biết tiền đi đâu
- Chi phí từng session · từng ngày · từng model · từng dự án
- Biểu đồ 30 ngày, heatmap theo ngày, chia theo model · xuất dữ liệu ra file
- Tính cả phần cache và chế độ fast - khớp hoá đơn thật
Chi phí từng ngày, ngày cao nhất, tổng 30 ngày
Chức năng 4a
Đổi & chia sẻ quota giữa các tài khoản
- Lưu nhiều tài khoản thành profile, đặt tên dễ nhớ
- Hết quota tài khoản 1 → bấm Switch → làm tiếp bằng tài khoản 2
- Nút Check quota xem quota còn lại của từng profile
-
Đổi tài khoản không ảnh hưởng skill, plugin, memory hay cấu hình đã có trên
máy
- Token không bao giờ hiện ra trình duyệt
- Không cho xoá bản lưu cuối cùng của tài khoản đang dùng
Mỗi profile là một tài khoản Anthropic - bấm Switch là đổi
Chức năng 4b
AI Router - chọn provider cho từng dự án
- Dùng model ngoài ngay trên Claude Code: OpenRouter, 9Router…
- Tạo nhiều profile router: endpoint + API key + model
- Nút Test thử endpoint trước khi lưu
-
Gán riêng cho từng dự án: lane A dùng model native, lane B dùng Minimax - đổi
được cả khi lane đang chạy
-
Đặt model theo từng tầng: việc nặng dùng model mạnh, việc phụ dùng model rẻ
- Đổi key một lần → tự đẩy cho mọi lane đang dùng
🔒 API key không bao giờ rời khỏi server. Giao diện chỉ hiện "Đã lưu / Chưa có"
- cố tình không có đường nào đọc key ra.
Profile router: endpoint · API key · model chính · 5 khe model theo tầng · nút Test
Chức năng 5
Quản trị AI ngay trên dashboard
🧩 Plugin & Marketplace
Cài, gỡ, bật, tắt, cập nhật - kèm danh sách plugin sẵn có chưa cài
📚 Skill · Subagent · Slash command
Xem, tạo, sửa, xoá ngay trên giao diện
🔌 MCP server
Thêm và xoá, cả dạng lệnh lẫn dạng URL
🪝 Hook & settings
Sửa trực tiếp theo từng scope, có bảng giá trị đang có hiệu lực
🧠 CLAUDE.md / AGENTS.md / README
Sửa memory và tài liệu của dự án, tạo cho project khác
🔄 Update all
Cập nhật mọi plugin và cả AgentHub bằng một nút
Làm được cho cả Claude Code (12 mục) lẫn Codex (8 mục), cùng một giao diện.
🛡️
Mọi lần ghi đều tự sao lưu kèm dấu thời gian trước. API key luôn bị che.
Quy trình ship
Quy trình ship tính năng có sẵn
Một lệnh /agenthub:ship-feature lái lần lượt 5 skill chuẩn,
và khai báo tiến độ về dashboard ở từng stage.
1 · writing-plans
Trao đổi, brainstorming và lên plan trước khi bắt đầu
2 · test-driven-development
Viết testcase trước để lát sau có cái đánh giá kết quả output
3 · requesting-code-review
Nhiều agent chuyên biệt review code: frontend · backend · reviewer
context trống
4 · verification-before-completion
Cấm báo "xong" nếu chưa chạy lại lệnh kiểm tra và đọc kết quả thật
5 · finishing-a-development-branch
Tạo commit, mở Pull Request
+ Khả năng mở rộng
Team cần quy trình khác thì thêm skill và bổ sung vào dashboard - còn một số tính năng
nữa em sẽ bổ sung dần theo feedback của anh chị
⚖ AI không bao giờ tự commit hay tự mở Pull Request.
Dù mọi bước
đã xong xuôi, phải chính người dùng yêu cầu trong lượt đó.
Ngoài ra
Và một loạt thứ nhỏ mà tiện
📥 Nhập lịch sử cũ
Quét lại toàn bộ session đã làm từ trước, không đếm trùng
⌨️ CLI đầy đủ
Lệnh agenthub làm được mọi thứ, cho ai thích gõ lệnh
📊 Xuất dữ liệu
Xuất JSON để làm báo cáo, có endpoint health check chuẩn
🧭 Mức dùng skill & plugin
Các session thực sự dùng skill nào - cái nào cài rồi mà không ai đụng tới
💓 Tình trạng hệ thống
Dung lượng dữ liệu, bộ nhớ server, session theo từng trạng thái
🐻 Sagi - mascot trên màn hình
Bao nhiêu session đang chạy, đang chờ, đang lỗi · hỏi được trạng thái · lối tắt nhanh
Sagi trên màn hình: bao nhiêu session đang chạy, đang chờ, đang lỗi
Bắt đầu
Cách cài đặt và cập nhật
Cài đặt 2 dòng, gõ trong Claude Code
Claude Code
/plugin marketplace add
https://git.smartgift.io.vn/Smartgift-AI/AgentHub.git
/plugin install agenthub@agenthub
- 📦 Không cần tải mã nguồn, không cài thủ công gì cả
- ⚙️ Lần đầu tự lo hết, chạy nền, không bắt phải chờ
- 🔄 Tự bật lại sau khi khởi động máy, không cần mở Claude Code trước
Cập nhật một nút, đúng thứ tự
🔔 Tự báo bản mới
Dashboard tự kiểm tra release mới và hiện thông báo - không phải tự đi tìm
⬆️ Nút Update all
Cập nhật mọi marketplace → mọi plugin → AgentHub sau cùng → nạp lại session đang
mở
- Không cần update plugin → reload plugin → rebuild như trước
-
Chạy nền, hiện log từng bước ngay trên màn hình - kể cả lúc server đang tự
khởi động lại
- Hoặc gõ /agenthub-update trong Claude Code
⚠️ Nhớ cài tmux trước - đó là thứ chạy phần terminal trên
web. Windows thì chạy trong WSL2.
Cảm ơn mọi người đã theo dõi!
Rất mong nhận được câu hỏi và góp ý từ anh chị em
để AgentHub ngày càng hoàn thiện
hơn.
Thảo luận & Góp ý