GenUI và A2UI: agent ghép widget, không chỉ markdown

Chat UI dạy người dùng chấp nhận tường markdown. Generative UI (GenUI) đảo hợp đồng: model đề xuất cấu trúc UI — list, form, card — và Flutter render widget thật với state thật.

A2UI là gì

A2UI là protocol mở mô tả agent và client cùng nhau ghép UI và quản lý state. GenUI SDK của Flutter là client. Lượt tải package tăng mạnh trong 2026 khi team ship thật (ví dụ app học ngôn ngữ tự ghép UI bài học).

Kiến thức kiến trúc

1. Intent người dùng tới backend/agent.
2. Agent emit cấu trúc A2UI (không phải text tự do).
3. GenUI map cấu trúc → widget Flutter trong catalog bị chặn.
4. Event trả về dạng action có cấu trúc agent xử lý được.

Ràng buộc thiết kế

• Catalog hơn hỗn loạn. Chỉ cho phép widget bạn thiết kế; đừng để model bịa layout physics.
• Vòng critic. Validate output trước khi paint (empty state, overflow, nhãn a11y).
• Template để nhanh. Hybrid: template mạnh + slot model điền ổn định hơn generate thuần.

Cạm bẫy

• Coi GenUI là engine theming — nó là protocol composition.
• Bỏ UI offline/error vì “model sẽ tự sửa”.
• Ship không có fallback đọc được khi catalog diễn đạt không nổi câu trả lời.

---

Bài viết gốc đăng tại FlutterCook. Bản trên đó là bản được cập nhật mới nhất.