Quay lại danh sách
📚Tài nguyên

Xây dựng ứng dụng Generative UI (GenUI)

Andrew Brogdon (Google)
2026-07

Giới thiệu

Google Codelab chính thức hướng dẫn xây dựng ứng dụng danh sách công việc bằng Flutter, Firebase AI Logic và gói GenUI. Bài hướng dẫn nâng cấp cuộc trò chuyện văn bản thành các bề mặt giao diện được tạo ra, giới thiệu cơ chế truyền A2UI và danh mục widget, rồi kết thúc bằng một thành phần tương tác tùy chỉnh dùng chung cho người dùng và AI agent.

Tóm tắt

Ý nghĩa của Codelab này:

1. Triển khai từ đầu đến cuối: Hướng dẫn từ trò chuyện văn bản đơn giản đến ứng dụng Generative UI hoạt động được
2. A2UI trong thực tế: Trình bày cùng lúc bộ chuyển đổi truyền tải, bộ điều khiển bề mặt giao diện, sự kiện hội thoại và các bề mặt giao diện được tạo ra
3. Danh mục do nhà phát triển kiểm soát: Xây dựng schema widget tùy chỉnh, thay vì cho phép mã tùy ý từ mô hình
4. Tương tác hai chiều: Trình bày các bề mặt giao diện được đặt tên và hành động UI được gửi trở lại AI agent
5. Phù hợp với bộ sưu tập: Bổ sung một bài hướng dẫn có thể chạy được cho kho mã Flutter GenUI và các thông báo A2UI

Thẻ

googlefluttera2uifirebasetutorial

Bài viết liên quan

📚Tài nguyên

CopilotKit cho Vue: Generative UI thuần Vue qua AG-UI

Hướng dẫn tháng 11 năm 2026 của CopilotKit về SDK thuần Vue 3 trình bày cách kết xuất lời gọi công cụ bằng các thành phần Vue, chia sẻ ngữ cảnh có tính phản ứng và xây dựng luồng phê duyệt của con người qua AG-UI. Hướng dẫn bao gồm cách kết nối trình cung cấp và chức năng trò chuyện, cùng một ví dụ cụ thể về thành phần xác nhận, kèm liên kết đến hướng dẫn bắt đầu nhanh và tài liệu tham chiếu API cho Vue.

generative-uivuecopilotkit
bởi Nathan Tarbert, CopilotKit · 2026-11-02
Xem tài nguyên
📚Tài nguyên

Cloudflare D1: Mở rộng cơ sở dữ liệu cho ứng dụng do AI tạo ra

Bài viết kỹ thuật chính thức của Cloudflare D1 giải thích hạ tầng cơ sở dữ liệu phía sau các ứng dụng do AI tạo ra và nền tảng vibe coding. Bài viết trình bày cách mở rộng lớp điều khiển để quản lý nhiều cơ sở dữ liệu nhỏ cho từng người dùng, ứng dụng, bản xem trước hoặc tenant, đồng thời giữ việc định tuyến và thống kê mức sử dụng ngoài luồng xử lý truy vấn chính. Với các nhà phát triển Generative UI, đây là tài liệu tham khảo giá trị về kiến trúc backend cho các ứng dụng do AI tạo ra cần lưu trữ dữ liệu bền vững.

cloudflare-d1ai-generated-appsvibe-coding
bởi Cloudflare · 2026-10-13
Xem tài nguyên
📚Tài nguyên

Genkit Dart 1.0: Tích hợp A2UI streaming cho Flutter

Thông báo Genkit Dart 1.0 của Google kết nối phần lõi backend AI ổn định với genkit_a2ui để stream các biểu mẫu, bộ chọn ngày và thẻ xác nhận do AI agent tạo ra thành các widget Flutter native. Hướng dẫn triển khai được liên kết trình bày cách xác thực danh mục thành phần, stream các thông điệp giao diện và xử lý hành động của người dùng; Agents API và plugin A2UI vẫn ở giai đoạn xem trước.

generative-uia2uidart
bởi Chris Gill / Google · 2026-10-08
Xem tài nguyên

Tổng hợp tài nguyên chọn lọc về Generative UI và Intelligent UI.

Được xây dựng với ❤️ bởi cộng đồng