Nếu AI Agent đang chạy 5 bước, vì sao người dùng chỉ thấy một dòng “Đang xử lý”?
Agent có thể gọi tool, lập kế hoạch và cập nhật trạng thái. Nhưng nếu giao diện không nhận được những tín hiệu đó, trải nghiệm vẫn chỉ là một ô chat im lặng.
AG-UI là gì?
AG-UI có thể hiểu là một giao thức mở, nhẹ và dựa trên sự kiện, giúp agent backend trao đổi với ứng dụng hướng người dùng. Frontend nhận được tín hiệu để hiển thị đúng tiến trình. AG-UI không phải bộ UI component, cũng không có nghĩa là AI được tự do “vẽ mọi thứ”.
Trong một luồng làm việc, UI có thể nhận các tín hiệu như:
🔧 Tool lifecycle: tool bắt đầu, đang stream, hoàn tất hoặc thất bại.
📍 Progress và state: agent đang ở bước nào, đang chờ dữ liệu gì.
🧩 Structured input: người dùng cần chọn phạm vi, điền form hoặc xác nhận hành động.
📊 Partial result: kết quả được gửi từng phần thay vì phải chờ câu trả lời cuối.
Ví dụ, một agent tra cứu tài liệu có thể hiển thị:
Đang tìm kiếm → Chọn phạm vi → Bảng kết quả → Giải thích lỗi nếu tool thất bại
Người dùng không phải đoán chuyện gì đang xảy ra. Developer cũng dễ thiết kế validation, fallback và trạng thái lỗi hơn.
Mức tự do nào là phù hợp?
Static cho phép frontend kiểm soát cao, agent chọn các component có sẵn.
Declarative cho phép agent trả về UI spec có cấu trúc. Cách này linh hoạt hơn nhưng vẫn có ranh giới.
Open-ended cho agent nhiều tự do hơn, đồng thời đòi hỏi kiểm soát chặt về security, performance và consistency.
Vì vậy, đừng gộp cả ba thành câu “AI tự thiết kế giao diện”. Bài toán thực tế là cân bằng freedom và control.
Khi xây một agent, hãy thiết kế UI contract song song với tool contract:
• Event nào được phát?
• State nào cần hiển thị?
• Input nào phải validate?
• Nếu tool fail, người dùng sẽ thấy gì và làm bước nào tiếp theo?
Agent càng hành động nhiều, giao diện càng cần minh bạch. Chat là cửa sổ; event và state là đường ống giúp người dùng quan sát con tàu đang chạy.
Bạn muốn Agent hiển thị tiến trình dưới dạng timeline, card hay bảng điều khiển? Chia sẻ use case bạn đang xây ở phần bình luận và theo dõi Suijin Greenverses để cùng giải mã những lớp công nghệ phía sau AI Agent. 🌌
#SuijinGreenverse #AIAgent #GenerativeUI #AGUI #DeveloperTools
