Tổng quan tính năng Kimi Websites

Kimi Websites là gì

Kimi Websites là sản phẩm xây dựng website full-stack của Kimi Agent, vận hành bởi Kimi K3, một mô hình AI agentic đa phương thức về thị giác. Năng lực cốt lõi của sản phẩm là lập trình trực quan (Vibe Coding): bạn có thể tạo một website full-stack hoàn chỉnh từ ngôn ngữ tự nhiên, bản thiết kế mẫu hoặc bản ghi màn hình, sau đó xem trước trực tuyến và xuất bản chỉ với một lần nhấp.

Website do Kimi Websites tạo có thể bao gồm:

• Frontend: cấu trúc trang HTML, bố cục và kiểu dáng CSS, cùng logic tương tác JavaScript (hiệu ứng chuyển động, hoạt ảnh, v.v.)
• Backend: lưu trữ database bền vững, đăng nhập người dùng và xác thực
• Kỹ thuật: quản lý phiên bản tự động, xem trước full-stack và triển khai công khai

Tính năng sản phẩm

Cách sử dụng

Cách 1: Truy cập trên Web

Truy cập trang Kimi Websites chuyên dụng

1. Mở trình duyệt: Dùng một trình duyệt phổ biến như Chrome, Safari, Edge hoặc Firefox.
2. Mở địa chỉ truy cập chính thức: trang chuyên dụng Kimi Websites: https://www.kimi.com/zh/websites (hỗ trợ cả giao diện tiếng Trung và tiếng Anh)
3. Đăng nhập vào tài khoản: Đăng nhập bằng tài khoản Kimi (hỗ trợ đăng ký bằng số điện thoại di động hoặc email)
4. Nhập tác vụ xây dựng website. Kimi Websites cung cấp ba cách chính để xây dựng website:
   1. Nhập văn bản: Nhập tác vụ vào hộp thoại và mô tả website bạn muốn bằng ngôn ngữ tự nhiên;
   2. remix hình ảnh/website: Tải lên bản thiết kế mẫu hoặc ảnh chụp màn hình của một website bạn thích để kích hoạt tính năng tương ứng;
   3. Xây dựng website theo template: Nhanh chóng tạo một website tiêu chuẩn bằng cách chọn template cài sẵn và chỉnh sửa nội dung;
5. Bắt đầu xây dựng: Vào giao diện tính năng Websites, chọn template hoặc tạo trực tiếp thông qua hội thoại.

Cách 2: Truy cập từ ứng dụng di động

Chọn công cụ website chuyên dụng trong ứng dụng di động

Các ứng dụng chính thức có sẵn cho iOS, Android và HarmonyOS (tên ứng dụng: "Kimi"). Phía trên hộp nhập, chạm vào thanh công cụ (Taskbar) → chuyển sang chế độ Websites. Chế độ này bao gồm các công cụ tạo sinh đa phương thức và năng lực Agent, cho phép bạn cung cấp đầu vào trực quan và tạo code frontend.

Cách 3: Chế độ Agent chung

Trong chế độ Agent chung, hãy nhập yêu cầu xây dựng website của bạn

Trên website chính thức hoặc thiết bị di động, chọn mô hình K3 và nhập chỉ dẫn tác vụ liên quan đến việc xây dựng website. Kimi sẽ gọi các năng lực lập trình trực quan và công cụ thực thi code.

Các bước

Tạo website thông qua hội thoại

Mô tả điều bạn cần bằng ngôn ngữ tự nhiên trong hộp nhập, Kimi sẽ hiểu và thực thi. Hỗ trợ ba phương thức tạo:

Ví dụ thực tế

Text

Tổng quan quy trình xây dựng website

Text

Kimi Websites kích hoạt SKILL xây dựng webapp, một agent tạo code nhiều lượt chuyên cho việc xây dựng website. Agent này tự chủ thực hiện quy trình sau:

1. Phân tích yêu cầu: Tự động phân tích các module tính năng, phong cách thị giác và logic tương tác của website
2. Lập kế hoạch tác vụ: Chia công việc thành các tác vụ con như thiết kế, phát triển và chuẩn bị tài nguyên
3. Giải pháp kỹ thuật: Tự động chọn kiến trúc kỹ thuật phù hợp (chẳng hạn React + Tailwind CSS)
4. Tạo tài nguyên: Tạo các tài nguyên trực quan như hình ảnh và biểu tượng khi cần
5. Xây dựng code: Viết cấu trúc trang, kiểu dáng và code tương tác
6. Tối ưu nhiều lượt: Tự điều chỉnh dựa trên bản xem trước cho đến khi website hoàn thiện

Xem trước và điều chỉnh

• Xem trước theo thời gian thực: Tạo URL demo HTML để bạn mở ngay trong trình duyệt
• Chỉnh sửa qua hội thoại: Tiếp tục hội thoại để yêu cầu thay đổi, chẳng hạn "đổi thanh điều hướng sang phong cách tối"

Ví dụ thực tế

Text

Giao diện bảng xem trước

Sau khi website được tạo, bảng xem trước sẽ mở ở bên phải, đồng thời các thẻ phiên bản cũng xuất hiện trong cuộc hội thoại. Các lối vào thao tác chính như sau:

Thanh công cụ phía trên bảng xem trước (từ trái sang phải):

Thẻ phiên bản trong cuộc hội thoại: Hiển thị tên site, số phiên bản (chẳng hạn V2) và URL. Nhấp Xem trước để mở phiên bản tương ứng; nhấp Khôi phục để quay lại phiên bản đó. Thẻ Tất cả file cho phép bạn xem hoặc tải xuống toàn bộ file dự án. Để biết cách dùng chi tiết từng nút, xem các phần tương ứng bên dưới.

Chỉnh sửa trực quan

• Tối ưu nhiều lượt: Tinh chỉnh chi tiết website thông qua hội thoại liên tục
• Cách chỉnh sửa:
  • Chế độ chú thích: Nhấp vào phần webpage bạn muốn thay đổi và thêm nhận xét bằng ngôn ngữ tự nhiên
  • Chế độ chọn: Chọn bất kỳ phần tử nào trên webpage và thêm nhận xét
  • Dùng hình chữ nhật, mũi tên, cọ vẽ, chuyển màu và các công cụ chọn/chỉnh sửa khác để thêm đề xuất thay đổi
• Sau khi thêm chú thích ở nhiều vị trí, hãy đưa chúng vào cuộc hội thoại và gửi toàn bộ góp ý cho Kimi cùng lúc

Triển khai code và xuất bản

Về "Custom URL": Chỉ gồm 3–30 ký tự, chữ cái thường, số và dấu gạch nối. Không được bắt đầu hoặc kết thúc bằng dấu gạch nối, và không được chỉ gồm toàn số. Một số từ dành riêng (như kimi, www, login, v.v.) không khả dụng. Nếu tên đã bị chiếm hoặc không dùng được, vui lòng chọn tên khác.

Về phạm vi của "Tải xuống và triển khai": Đăng nhập bằng tài khoản Kimi và cloud database do nền tảng quản lý được cung cấp bởi nền tảng Kimi và sẽ không di chuyển theo code đã xuất. Nếu triển khai code lên server riêng, bạn cần đổi phương thức đăng nhập sang cơ chế tên người dùng/mật khẩu dựa trên database của mình, đồng thời dữ liệu cũng phải được di chuyển sang database của bạn. Nếu chỉ cần truy cập công khai, chúng tôi khuyên bạn dùng trực tiếp Xuất bản một lần nhấp; đăng nhập bằng tài khoản Kimi và dữ liệu cloud vẫn sẽ hoạt động bình thường. Xem Vì sao website tôi tạo không hoạt động? để biết chi tiết.

Xem trước theo phiên bản

Sau khi tạo xong, bạn sẽ vào trang xem trước. Trong giao diện xem trước, bạn có thể nhấp vào các phiên bản triển khai khác nhau và tải xuống file cho từng phiên bản.

Xuất bản, chia sẻ và hủy xuất bản

Trước khi xuất bản, website chỉ có thể được xem trước trong cuộc hội thoại. Để cho người khác truy cập, nhấp Chia sẻ ở góc trên bên phải của bảng xem trước để mở bảng xuất bản:

1. Custom URL: Bạn có thể sửa tên trong URL mặc định, ví dụ đổi thành yourname.ok.kimi.link;
2. Nhấp Sao chép liên kết để lấy URL công khai, hoặc nhấp Mở website để xem trong tab mới. Sau khi xuất bản, phía trên bảng hiển thị Đã xuất bản, và bất kỳ ai có liên kết đều có thể truy cập;
3. Để đưa site xuống offline, chọn Hủy xuất bản từ menu … ở góc trên bên phải của bảng. Site sẽ không còn truy cập công khai được nữa (code và dữ liệu vẫn được giữ lại, bạn có thể xuất bản lại bất cứ lúc nào).

Chỉnh sửa nhiều lượt

Nếu chưa hài lòng với một phần cụ thể, hãy nhấp nút chỉnh sửa trong cửa sổ xem trước để tiếp tục tinh chỉnh. Bạn cũng có thể gửi chỉ dẫn cho Kimi bằng ngôn ngữ tự nhiên và tiếp tục chỉnh sửa với Agent. Sau khi xác nhận kết quả, hãy tải xuống toàn bộ code HTML/CSS/JS và triển khai trực tiếp, hoặc tiếp tục trau chuốt trong trình chỉnh sửa.

Dành cho ai

• Nhà phát triển: Thiết kế prototype sản phẩm và demo frontend, giảm đáng kể thời gian xây dựng từ đầu.
• Người khởi nghiệp: Nhanh chóng dựng website chính thức, landing page và trang giới thiệu sản phẩm khi nguồn lực còn hạn chế.
• Product manager: Nhanh chóng biến PRD hoặc bản thiết kế mẫu thành prototype tương tác có thể trình bày, không cần chờ lịch phát triển.
• Người dùng không chuyên kỹ thuật: Không cần biết code. Chỉ cần mô tả ý tưởng hoặc tải lên hình ảnh tham khảo, bạn có thể đi từ ý tưởng đến một webpage chạy được.

Prompt mẫu

Bạn có thể tham khảo các tình huống và prompt sau để tạo nội dung