Hola, I’m Hieu, a Software Engineer

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 Intent người dùng tới backend/agent. Agent emit cấu trúc A2UI (không phải text tự do). GenUI map cấu trúc → widget Flutter trong catalog bị chặn. 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 ...

Chat UIs trained users to accept walls of markdown. Generative UI (GenUI) flips the contract: the model proposes UI structure — lists, forms, cards — and Flutter renders real widgets with real state. What A2UI is A2UI is an open protocol describing how an agent and a client collaborate on UI composition and state. Flutter’s GenUI SDK implements the client side. Package downloads grew sharply through 2026 as teams shipped beyond demos (for example language-learning apps that compose lesson UI on the fly). Architecture sketch User intent goes to your backend/agent. Agent emits A2UI structure (not free text). GenUI maps structure → Flutter widgets in a constrained catalog. Events flow back as structured actions the agent can handle. Design constraints that make it work Catalog over chaos. Allow only widgets you designed; do not let the model invent layout physics. Critic loop. Validate agent output before paint (empty states, overflow, a11y labels). Templates for spe...