Thay vì phải tự tay thiết kế giao diện tương tác, người dùng dễ dàng tạo ra nhiều ứng dụng tương tác trực quan, chẳng hạn công cụ quản lý tài chính. Bài viết dưới đây sẽ hướng dẫn bạn xây dựng công cụ quản lý tài chính cá nhân với ChatGPT Intelligent UI.
Cách tạo công cụ quản lý tài chính với ChatGPT Intelligent UI
Bước 1:
Đầu tiên bạn cần nội dung cho ứng dụng quản lý tài chính cá nhân của mình sẽ bao gồm những mục gì, muốn xuất hiện phần quản lý cho tiêu chí nào trên giao diện.
Chẳng hạn, bạn có thể xây dựng ứng dụng theo dõi thu nhập, chi tiêu, số dư tài khoản, phân loại các khoản chi, lập ngân sách hàng tháng và thống kê tình hình tài chính bằng biểu đồ.
Sau khi đã xác định được mục tài chính thì ChatGPT dễ dàng trong việc tạo công cụ theo nhu cầu của bạn.
Bước 2:
Tiếp đến bạn sẽ nhập prompt với các thông tin cần hiển thị và cách người dùng có thể thao tác với giao diện. Bạn tham khảo prompt dưới đây.
Tôi có thu nhập 15 triệu đồng/tháng và muốn tiết kiệm để mua một chiếc laptop trị giá 20 triệu đồng.
Hãy tự tạo một công cụ tính toán tài chính tương tác bằng Intelligent UI ngay trong đoạn chat, bao gồm:
Thanh trượt điều chỉnh số tiền tiết kiệm mỗi tháng.
Ô nhập số tiền chi tiêu hàng tháng.
Hiển thị số tiền còn lại sau chi tiêu và tiết kiệm.
Tự động tính số tháng cần thiết để đạt mục tiêu mua laptop.
Thanh tiến trình thể hiện số tiền đã tiết kiệm so với mục tiêu 20 triệu đồng.
Khi thay đổi số tiền tiết kiệm hoặc chi tiêu, các kết quả và biểu đồ liên quan phải tự động cập nhật ngay trên giao diện.
Hãy tạo các thành phần tương tác thực sự để mình có thể trực tiếp kéo thanh trượt và nhập số liệu, không chỉ trình bày kết quả dưới dạng văn bản hoặc bảng tĩnh.
Chúng ta sẽ thấy nội dung trả về là giao diện quản lý tiền với thanh trượt.

Mỗi khi bạn thay đổi số tiền theo thanh trượt thì kết quả trả về sẽ thay đổi theo. Nội dung được biểu thị với thanh biểu đồ phân tích để bạn dễ hình dung về nguồn tài chính cá nhân của mình.

Bước 3:
Sau khi ChatGPT tạo công cụ tính toán tài chính tương tác ở bước đầu, chúng ta sẽ tiếp tục yêu cầu điều chỉnh giao diện để theo dõi tiến độ tiết kiệm trực quan hơn, hoặc thêm mục chi tiêu nào đó. Chẳng hạn:
Hãy bổ sung tính năng so sánh các phương án tiết kiệm vào công cụ hiện tại. Tạo giao diện tương tác cho phép mình lựa chọn các mức tiết kiệm 2 triệu, 3 triệu, 5 triệu đồng mỗi tháng và so sánh thời gian cần thiết để đạt mục tiêu mua laptop 20 triệu đồng. Khi chọn một phương án, hãy cập nhật kết quả tương ứng ngay trên giao diện. Giữ nguyên thanh trượt và các thành phần hiện có.Tùy theo người dùng muốn thay đổi nội dung như nào mà chúng ta nhập câu lệnh để nâng cấp giao diện quản lý tài chính cá nhân theo ý mình.



Câu hỏi dạng điểm số trong OpenAI Decisions API: Đánh giá dựa trên thang điểm do bạn tự xác định
Tìm hiểu về Vane: Phiên bản thay thế mã nguồn mở cho Perplexity
Cách tạo công cụ lập kế hoạch tương tác bằng ChatGPT
TOP nền tảng quản lý chi phí AI và Cloud tốt nhất
Công cụ Voicemail detection trong ElevenAgents
8 công cụ tạo logo AI tốt nhất bạn không nên bỏ lỡ
TOP công cụ AI tạo ảnh chụp màn hình ứng dụng đẹp, dễ chỉnh sửa
Hướng dẫn kết nối Claude với Figma thiết kế giao diện website
Hướng dẫn sử dụng bảng trắng Miro trong Claude
Hình nền Halloween cho điện thoại
MCP (Model Context Protocol) là gì?
OpenAI Decisions API là gì?
Biến ảnh tĩnh thành GIF ngay trong Gemini
Câu hỏi xác định trạng thái trong OpenAI Decisions API: Quyết định đầu tiên trong 15 phút


































