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

Ví dụ OpenAI Structured Outputs: Generative UI

OpenAI

Giới thiệu

Ứng dụng mẫu chính thức của OpenAI minh họa một hướng tiếp cận thực tế với Generative UI thông qua đầu ra có cấu trúc. Bản demo dùng schema thành phần đệ quy cùng công cụ `generate_ui` để câu trả lời của mô hình có thể stream các định nghĩa UI đáng tin cậy thay vì chỉ có văn bản thuần, đồng thời vẫn hỗ trợ hội thoại nhiều lượt và tự động thực thi công cụ.

Tóm tắt

Lý do bổ sung ví dụ này:

1. Tài liệu tham khảo triển khai chính thức: Trực tiếp cho thấy cách OpenAI định hình việc tạo UI động bằng mã, không chỉ ở mức khái niệm
2. Góc tiếp cận đầu ra có cấu trúc: Hữu ích cho các nhóm muốn có độ tin cậy cao hơn HTML tự do hoặc JSON với cấu trúc lỏng lẻo
3. Mô hình kết xuất đệ quy: Minh họa một cách tiếp cận schema thành phần cụ thể để kết xuất giao diện do mô hình tạo ra
4. Kết hợp hội thoại + UI: Bao gồm trò chuyện nhiều lượt, thực thi công cụ và UI streaming trong một ví dụ gọn
5. Phù hợp với bộ sưu tập: Cầu nối giàu thông tin hữu ích giữa kiểm soát đầu ra mô hình và triển khai Generative UI thực tế

Thẻ

openaistructured-outputssamplereactofficial

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