SmartGift R&D · 29/10/2026

AgentHub

Công cụ chạy và quản lý AI coding agent cho team
Giới thiệu · ảnh trong bài chụp trên bản chạy thử dùng dữ liệu thật; demo chạy trên server thật

AgentHub là trang web để cả team chạy và theo dõi AI agent

  1. Mỗi người đăng nhập bằng trình duyệt và giao việc cho Claude Code, Codex hay agent khác
  2. Agent chạy trên server của team, không chạy trên máy cá nhân
  3. Mỗi phiên làm việc của agent đều được ghi lại, kèm token và chi phí
  4. Admin quản lý người dùng, tài khoản AI và hạn mức chi tiêu
Trang tổng quan
Số trên ảnh (786 phiên, $1,5K) tính cả phiên chạy thẳng trong terminal; slide 19 tách riêng phần mở trong AgentHub.
Lý do

Chạy nhiều agent cùng lúc thì có bốn chuyện khó

Agent chờ mà mình không biết
17 ngày qua, agent của team chờ người duyệt quá 10 phút 79 lần
Không biết team đang tiêu bao nhiêu
Không có số liệu chung theo người và theo dự án
Khó xem lại agent đã làm gì
Phải tự lục file transcript và git log trên máy của từng người
Tài khoản AI chung không rõ ai dùng
Tài khoản nào sắp hết hạn mức, đang chia cho ai
Demo trên server thật · 3 phút

Ba phút demo trước khi vào chi tiết

Gõ yêu cầu cho Claude Codetrong một dự án→ Mở cùng phiên trên điện thoạikhi agent đang chạy→ Duyệt từ điện thoạikhi agent xin phép→ Xem chi phí của phiênngay khi xong
Nếu demo gặp sự cố: slide 5, 6, 10 và 11 là ảnh chụp của các màn hình này; bước duyệt trên điện thoại thì chỉ xem được khi demo trực tiếp.
Workspace · ảnh: dự án SG-Console4-Go

Mỗi dự án là một workspace gắn với một thư mục code

  1. Gõ yêu cầu, chọn agent, model, mức quyền
  2. Chạy ngay trong thư mục, hoặc trong bản sao repo riêng cho phiên
  3. Hướng dẫn, file ngữ cảnh, thư mục bổ sung: mọi agent trong dự án đều đọc
  4. Tới 10 phiên song song, chia tab và chia màn hình
Workspace
Chat · ảnh: một phiên Claude Code

Mỗi phiên xem được dạng chat như Claude Desktop

  1. Mỗi phiên chọn xem dạng chat hoặc terminal gốc
  2. Các lần gọi tool gom thành một dòng: "Ran 2 commands, made 2 edits"
  3. Bấm vào để xem từng lệnh, file đã ghi và kết quả
  4. Subagent có hội thoại riêng, mở xem được
  5. Có cho Claude Code, Codex, omp, Cursor, Antigravity
Chat
Preview · ảnh: bộ slide HTML do agent viết, mở trong AgentHub

File agent tạo ra mở xem ngay, không cần tải về

  1. HTML, Markdown, Mermaid, React, CSV, SVG, ảnh
  2. Preview và Code; xem lại từng phiên bản agent đã ghi
  3. Tải về, hoặc lưu lên Artifacts Hub để chia sẻ
  4. Trang chạy trong khung cách ly: không đọc được đăng nhập, không gọi được API của người xem
  5. Đây là xem file; agent tự mở trình duyệt để kiểm tra web app thì chưa có (slide 20)
Preview
Code changes · ảnh: danh sách file và diff của một commit trên repo AgentHub

Xem, sửa và commit code agent đã đổi ngay cạnh phiên

  1. Danh sách file đổi; stage, unstage, discard từng file
  2. Commit theo file đã tick, hoặc từng đoạn thay đổi
  3. Sửa tay trong trình soạn thảo có diff; không ghi đè nếu agent vừa sửa
  4. 22 thao tác git bằng nút; không có rebase và hard reset
Diff
Review code · ảnh: góp ý trên một dòng code

Góp ý từng dòng code rồi gửi thẳng cho agent sửa

  1. Diff của mọi file trên một trang để đọc cả loạt thay đổi
  2. "Keep" (giữ) hoặc "Undo" (bỏ) riêng từng khối thay đổi
  3. Bấm số dòng để góp ý; "Paste into pane" dán góp ý kèm file và dòng vào phiên agent
  4. Bôi đen code, bấm "Add to Chat" để đưa đúng đoạn đó cho agent
Review
Điện thoại · ảnh: workspace trên khung điện thoại

Agent chạy trên server, theo dõi được từ điện thoại

  1. Gập laptop thì phiên vẫn tiếp tục trên server
  2. Cài AgentHub như app trên điện thoại
  3. Bật thông báo đẩy thì agent cần duyệt sẽ báo lên điện thoại
  4. Chưa ai trong team bật thông báo đẩy; phần demo cho xem cách nó chạy
Trên điện thoại
Lịch sử phiên · ảnh: một phiên thật của team

Mở lại bất kỳ phiên nào để xem agent đã làm gì

  1. Phiên này chạy 3 giờ, gọi tool 662 lần và tốn khoảng $24
  2. Agent chính giao việc cho 17 subagent (agent con)
  3. Đọc lại hội thoại, xem dòng thời gian; mở để đọc không tốn token, gửi tin nhắn thì phiên được tiếp tục
  4. Gửi bản chụp phiên cho người khác, thông tin nhạy cảm được che
Phân tích phiên
Bảng Top tools trong ảnh đang đếm gấp đôi; số đúng là ô Tool calls. Lỗi đã sửa, có trong lần cập nhật tới.
Chi phí

Biết mỗi người đã dùng bao nhiêu

  1. Mỗi người có số phiên, chi phí hôm nay, 7 ngày và 30 ngày
  2. Developer A dùng khoảng $385 trong 17 ngày (server chạy từ 13/10, nên cột "30 d" thực ra là 17 ngày)
  3. Admin đặt được hạn mức cho từng người
  4. Số tiền tính theo giá API; team trả theo gói nên đây là giá trị quy đổi
Quản trị
Artifacts Hub

Một người viết skill, người khác cài bằng nút Install

  1. Skill là bộ hướng dẫn viết sẵn cho agent, ví dụ quy trình review code
  2. Người viết đưa lên Artifacts Hub, người khác bấm Install
  3. Ngày 28/10, Developer A cài skill sg-review từ Hub
  4. Hiện có 30 skill; bộ sg-pack đã được cài 6 lần
Artifacts Hub
File · ảnh: thư mục docs của repo AgentHub

File trên server, mở ngay trên trình duyệt

  1. Duyệt, sửa, tải lên, tải về file trong dự án và thư mục cá nhân
  2. Ví dụ: tải file đặc tả lên cho agent đọc, tải về báo cáo agent viết
  3. File xoá vào thùng rác, khôi phục được trong 7 ngày
  4. Admin xem được thư mục người khác nhưng chỉ đọc, có ghi nhật ký
Files
Cảnh báo và tích hợp

Cảnh báo vào nhóm chat, agent tự tra số liệu, nhập lịch sử cũ

Cảnh báo qua webhook
Admin đặt luật: agent báo lỗi liên tục, agent im lặng quá lâu, chi phí vượt ngưỡng. Khớp luật thì AgentHub gửi tin vào nhóm chat qua webhook. Hiện chưa bật luật nào.
MCP server cho agent
MCP là cách agent gọi công cụ bên ngoài. Hỏi Claude Code "tuần này phiên nào tốn nhất" thì nó tự lấy số từ AgentHub. Chỉ đọc.
Nhập lịch sử cũ
Ai đã dùng Claude Code trên máy riêng trước khi có server thì admin nhập lịch sử vào, để số phiên và chi phí đủ từ đầu.
Quản trị · tài khoản trong ảnh là tài khoản thử, tạo ngày 28/10 để kiểm tra tính năng

Admin chia tài khoản AI cho từng nhóm bằng kéo thả

  1. Pool (kho tài khoản chung) nhận đăng nhập gói Claude, đăng nhập ChatGPT hoặc API key cho Codex, API key cho Cursor
  2. Kéo thả để chia tài khoản và người dùng theo nhóm
  3. Mở phiên là tài khoản được gắn sẵn, đăng nhập tự làm mới
  4. AI Proxy: cho Claude Code hay Codex đi qua một endpoint khác, ví dụ router gom nhiều nhà cung cấp; khoá chỉ lưu trên server
Pool tài khoản
Quản trị

Mỗi người chỉ thấy dữ liệu của mình

  1. Ba vai trò: developer thấy dữ liệu của mình, analyst đọc của mọi người, admin quản lý
  2. Phiên của mỗi người chạy dưới tài khoản Linux riêng trên server
  3. Admin hay analyst mở phiên của người khác thì được ghi vào nhật ký
  4. Thay đổi tài khoản phải nhập lại mật khẩu
Nhật ký
Cấu hình · ảnh chụp trên bản chạy thử, dùng skill thật của người viết

Mỗi AI tool có một trang cấu hình riêng

  1. Claude Code, Codex: sửa skill, subagent, slash command, file hướng dẫn ngay trên trang
  2. Plugin, MCP, hook chỉ xem, vì Claude Code đang chạy cũng ghi vào các file này
  3. Antigravity, Cursor, omp: sửa file cấu hình của tool
  4. Admin cài, cập nhật AI tool và AgentHub; cập nhật không ngắt phiên đang chạy
Skill của Claude Code
Số liệu 13/10 - 29/10/2026

Sau 17 ngày, hai developer dùng thường xuyên

7
tài khoản
303
phiên mở trong AgentHub
~$1.400
chi phí quy đổi theo giá API
165
phiên của 5 developer
2/5
developer có phiên ≥ 3 ngày / tuần
Số trên khớp với trang quản trị (slide 12). Tính cả phiên chạy thẳng trong terminal, không qua AgentHub: 786 phiên, khoảng $1.500; phần thêm đó là các phiên ngắn, tổng chỉ khoảng $100.
Hạn chế

Ba thứ AgentHub chưa có

Agent tự kiểm tra web app
Agent chưa tự mở trình duyệt để kiểm tra giao diện vừa sửa. Claude Desktop đã có.
Pull request và CI
Chưa tạo pull request hay xem kết quả CI trên giao diện; vẫn làm trong terminal hoặc trang Git.
Review bảo mật độc lập
Server chạy agent của cả team nhưng chưa ai ngoài người viết kiểm tra bảo mật.
So sánh

AgentHub đặt cạnh các công cụ team đã biết

Tiêu chíAgentHubClaude Desktop / Codex appClaude TeamCursor / Copilot
Chạy nhiều loại agent✓✗ mỗi app một hãng✗ chỉ Claude● trong IDE
Cả team dùng chung qua trình duyệt✓● cloud của hãng✗✗
Lịch sử phiên✓ của mọi người● của từng người●●
Chi phí theo người✓ ước tính✗✓ số của hãng?
Agent tự kiểm tra web app, PR, CI✗✓✓ qua Desktop?
✓ có · ● một phần · ✗ không · ? chưa kiểm · tra cứu tháng 10/2026

Hỏi đáp

Có thể mở thêm bất kỳ màn hình nào trên server thật
Phụ lục A

Cách AgentHub hoạt động

AgentClaude Code, Codex…→ Sự kiệnmỗi lần gọi tool→ ServerNode.js và SQLite→ Trình duyệtcập nhật ngay
Phụ lục B

Toàn bộ chức năng

Cho aiChức năng
DeveloperClaude Code, Codex, Antigravity, Cursor CLI, omp qua trình duyệt; tới 10 phiên mỗi dự án, chia tab và chia màn hình; terminal trống; bản sao repo riêng cho từng phiên; hướng dẫn, file ngữ cảnh và thư mục bổ sung cho mỗi dự án; nhóm và ghim dự án, phiên; thông báo đẩy trên điện thoại; mở lại, tiếp tục hoặc tách phiên
DeveloperChat như Claude Desktop hoặc terminal gốc; preview HTML, Markdown, Mermaid, React, CSV kèm các phiên bản; review từng dòng và dán góp ý vào phiên agent; Add to Chat cho đoạn code đã chọn
DeveloperDiff, commit theo file hoặc từng đoạn, 22 thao tác git (merge, cherry-pick, revert, giải quyết conflict); clone bằng khoá riêng; duyệt, sửa, tải file; thùng rác 7 ngày
Trưởng nhómLịch sử và phân tích từng phiên; cây subagent; luồng sự kiện; bản chụp phiên đã che thông tin nhạy cảm; phân tích workflow nhiều agent
Quản lýChi phí theo người, dự án, model; bảng giá sửa được; ngân sách và luật cảnh báo, webhook; hạn mức theo người; báo cáo; Prometheus và Grafana
AdminNgười dùng, vai trò, tài khoản Linux riêng; pool tài khoản AI theo nhóm; AI Proxy; cấu hình từng AI tool; cài và cập nhật AI tool, plugin, AgentHub; nhập lịch sử; nhật ký
Cả teamArtifacts Hub; lệnh agenthub; MCP server chỉ đọc; thanh trạng thái Claude Code; cài như app trên điện thoại; 4 ngôn ngữ giao diện
Phụ lục C

Nguồn số liệu

1 / 25