AI Builder là công cụ mã nguồn mở để tạo website và ứng dụng bằng hướng dẫn ngôn ngữ tự nhiên thay vì viết mã. Công cụ kết hợp khả năng tạo nội dung có AI hỗ trợ, xem trước trực tiếp, chỉnh sửa trực quan và xuất bản trong một quy trình làm việc trên trình duyệt.
Dự án được định vị là giải pháp thay thế mã nguồn mở cho các công cụ như Lovable, Replit và v0. Dự án được cấp phép theo Apache License 2.0, vì vậy bạn có thể fork, tùy chỉnh và điều chỉnh theo nhu cầu của mình.
AI Builder Làm Được Gì
AI Builder biến ý tưởng thành một website hoặc ứng dụng hoạt động được. Bạn mô tả điều mình muốn, sau đó dùng trình xây dựng để xem xét kết quả, yêu cầu thay đổi và xuất bản dự án khi sẵn sàng.
Nền tảng sử dụng Puter.js để cung cấp các dịch vụ ứng dụng tích hợp, bao gồm xác thực, lưu trữ, cơ sở dữ liệu, AI, mạng, khả năng thời gian thực, hàm serverless và lưu trữ website. README mô tả các dịch vụ này được tích hợp mà không yêu cầu thiết lập thêm cho dự án của bạn.
Tính Năng Chính
- Xây dựng có AI hỗ trợ: Mô tả website hoặc ứng dụng bằng ngôn ngữ tự nhiên mà không cần kiến thức lập trình hay kỹ thuật.
- Xem trước trực tiếp: Xem dự án hình thành và dùng thử trong khi bạn thực hiện thay đổi.
- Chỉnh sửa qua trò chuyện: Yêu cầu AI cập nhật các phần trong dự án thông qua hội thoại.
- Chỉnh sửa trực quan: Chọn một phần tử trong bản xem trước và cho AI biết chính xác điều bạn muốn thay đổi.
- Dịch vụ tích hợp: Sử dụng các khả năng như xác thực, lưu trữ, cơ sở dữ liệu, AI, mạng, tính năng thời gian thực và hàm serverless thông qua Puter.js.
- Xuất bản: Xuất bản dự án lên URL công khai khi sẵn sàng chia sẻ.
- Lịch sử phiên bản: Xem lại các phiên bản đã lưu và khôi phục trạng thái trước đó trong quá trình thử nghiệm.
Cài Đặt AI Builder Cục Bộ
Để chạy dự án từ kho mã nguồn, hãy đảm bảo Git, Node.js và npm có sẵn trong môi trường phát triển của bạn. Sau đó, sao chép kho mã, truy cập thư mục, cài đặt các phần phụ thuộc và khởi động máy chủ phát triển.
git clone https://github.com/HeyPuter/builder
cd builder
npm install
npm run devLệnh git clone tải kho mã xuống. npm install cài đặt các phần phụ thuộc, còn npm run dev khởi động tiến trình phát triển cục bộ. Mở URL được máy chủ phát triển hiển thị trong trình duyệt để truy cập trình xây dựng.
Dùng Thử Bản Demo Trực Tiếp
Nếu chưa muốn cài đặt dự án, hãy sử dụng bản demo AI Builder chính thức. Đây là cách nhanh nhất để khám phá quy trình tạo, chỉnh sửa, xem trước và xuất bản.
Tạo Dự Án Đầu Tiên
- Bắt đầu với một ý tưởng: Mở ứng dụng cục bộ hoặc bản demo trực tiếp và mô tả bằng ngôn ngữ tự nhiên website hoặc ứng dụng bạn muốn tạo.
- Xem xét dự án được tạo: Sử dụng bản xem trước trực tiếp để xem ý tưởng đã được chuyển thành giao diện hoạt động như thế nào.
- Yêu cầu thay đổi trong cuộc trò chuyện: Giải thích nội dung cần thêm, xóa hoặc điều chỉnh. AI Builder được thiết kế để xử lý các cập nhật này thông qua hội thoại.
- Sử dụng tính năng chỉnh sửa trực quan: Chọn một phần tử cụ thể trong bản xem trước và đưa ra hướng dẫn tập trung cho phần tử đó.
- Kiểm tra trong quá trình lặp: Kiểm tra bản xem trước trực tiếp sau mỗi thay đổi để có thể hoàn thiện dự án từng bước.
- Khôi phục phiên bản trước khi cần: Sử dụng lịch sử phiên bản để xem lại các trạng thái đã lưu và khôi phục phiên bản trước trong quá trình thử nghiệm.
- Xuất bản kết quả: Khi dự án sẵn sàng, hãy xuất bản lên URL công khai và chia sẻ với người khác.
Ví Dụ Về Prompt
Bạn có thể bắt đầu bằng một mô tả đơn giản như:
Tạo một landing page cho một dự án phần mềm nhỏ với tiêu đề rõ ràng, phần tính năng ngắn gọn và nút kêu gọi hành động.
Sau khi kết quả ban đầu xuất hiện, hãy tiếp tục bằng các hướng dẫn cụ thể hơn. Chẳng hạn, bạn có thể yêu cầu trình xây dựng chỉnh sửa một phần, thay đổi phần tử đã chọn trong bản xem trước hoặc tinh chỉnh bố cục. README không quy định định dạng prompt cụ thể, vì vậy hãy sử dụng ngôn ngữ tự nhiên và lặp lại dựa trên kết quả trực tiếp.
Mẹo Nâng Cao Cho Quy Trình Làm Việc Với AI Builder
Làm Việc Theo Các Lần Lặp Nhỏ
Thay vì yêu cầu mọi thay đổi cùng lúc, hãy sử dụng bản xem trước trực tiếp để định hướng một loạt cập nhật tập trung. Cách này giúp xác định instruction nào tạo ra một kết quả cụ thể và hỗ trợ bạn đánh giá dự án trong quá trình phát triển.
Kết Hợp Chỉnh Sửa Qua Trò Chuyện Và Trực Quan
Sử dụng trò chuyện cho các thay đổi tổng thể ở cấp dự án, sau đó chọn từng phần tử trong bản xem trước khi cần cập nhật chính xác hơn. Sự kết hợp này mang lại cả khả năng điều khiển qua hội thoại và hướng dẫn cụ thể theo phần tử.
Sử Dụng Lịch Sử Phiên Bản Khi Thử Nghiệm
Lưu và xem lại các phiên bản khi khám phá những ý tưởng khác nhau. Nếu một thử nghiệm khiến dự án đi sai hướng, hãy khôi phục trạng thái trước đó thay vì xây dựng lại thủ công.
Tận Dụng Các Dịch Vụ Tích Hợp
Đối với những dự án cần nhiều hơn một giao diện tĩnh, hãy cân nhắc các dịch vụ được cung cấp thông qua Puter.js. Nền tảng tích hợp xác thực, lưu trữ, cơ sở dữ liệu, AI, mạng, khả năng thời gian thực và hàm serverless, cho phép xử lý các nhu cầu này trong môi trường dựa trên Puter.
Chỉ Xuất Bản Khi Sẵn Sàng
Sử dụng bản xem trước để kiểm tra các thay đổi trước khi chia sẻ URL công khai. Khi dự án đã khớp với kết quả bạn mong muốn, hãy xuất bản để người khác có thể truy cập.
Hỗ trợ và cộng đồng
Để báo lỗi hoặc yêu cầu tính năng, hãy tạo một issue trong kho mã. Bạn cũng có thể theo dõi dự án trên X hoặc truy cập tài nguyên dành cho nhà phát triển của Puter.
Bạn có thể gửi các vấn đề bảo mật và báo cáo lạm dụng đến security@puter.com. Để liên hệ chung với đội ngũ duy trì, hãy gửi email đến hi@puter.com.
Giấy phép
AI Builder được cấp phép theo Giấy phép Apache 2.0, trừ khi một thành phần có quy định khác. Các thư viện và phông chữ bên thứ ba đi kèm có thể sử dụng giấy phép riêng; hãy tham khảo thông báo về bên thứ ba trong kho mã để biết chi tiết.
Kết luận
AI Builder cung cấp quy trình hoàn chỉnh có AI hỗ trợ, giúp biến các ý tưởng bằng ngôn ngữ tự nhiên thành trang web và ứng dụng. Hãy cài đặt cục bộ bằng npm hoặc dùng thử bản demo trực tiếp, sau đó sử dụng trò chuyện AI, chỉnh sửa trực quan, bản xem trước trực tiếp, lịch sử phiên bản và tính năng xuất bản để biến ý tưởng ban đầu thành một dự án có thể chia sẻ.