Kimi Websites

Bằng cách hiểu các đầu vào trực quan (bản thiết kế UI, ảnh chụp màn hình, video tương tác) cùng hướng dẫn bằng ngôn ngữ tự nhiên, Kimi chuyển hóa đầu vào của người dùng thành mã frontend hoàn chỉnh, có thể chạy được — bao quát không chỉ giao diện tĩnh mà cả hành vi tương tác động.

Tổng quan tính năng

Cách sử dụng Kimi Websites?

Cách 1: truy cập trang Kimi Websites

1. Mở trình duyệt: Sử dụng Chrome, Safari, Edge, Firefox hoặc bất kỳ trình duyệt phổ biến nào
2. Truy cập: kimi.com/websites (hỗ trợ tiếng Trung và tiếng Anh)
3. Đăng nhập: Bằng tài khoản Kimi của bạn (số điện thoại hoặc email)
4. Nhập tác vụ của bạn:

5. Bắt đầu xây dựng: Chọn một mẫu hoặc bắt đầu từ hội thoại

Cách 2: ứng dụng di động

iOS, Android và HarmonyOS đều có ứng dụng Kimi chính thức. Trong vùng nhập liệu, chạm vào Thanh tác vụ → chuyển sang chế độ Websites Agent, bao gồm các công cụ tạo nội dung đa phương thức và năng lực Agent.

Cách 3: dùng chế độ K2.6 Agent

Chuyển sang chế độ K2.6 Agent và nhập tác vụ xây dựng website. Kimi sẽ kích hoạt năng lực lập trình thị giác và các công cụ thực thi mã.

Kimi Websites hoạt động như thế nào?

Bước 1: tạo website qua hội thoại

Mô tả nhu cầu của bạn bằng ngôn ngữ tự nhiên. Hỗ trợ ba cách tạo:

Ví dụ prompt:

Text

Bước 2: quá trình xây dựng

Kimi website kích hoạt SKILL xây dựng webapp — một tác tử tạo mã nhiều vòng chuyên dụng:

1. Phân tích yêu cầu: Phân tích các mô-đun của website, phong cách hình ảnh và logic tương tác
2. Lập kế hoạch tác vụ: Phân rã thành các tác vụ con về thiết kế, phát triển và chuẩn bị tài nguyên
3. Chọn tech stack: Chọn kiến trúc phù hợp (ví dụ: React + Tailwind CSS)
4. Tạo tài nguyên: Tạo hình ảnh, biểu tượng và các tài nguyên hình ảnh khác
5. Dựng mã: Viết cấu trúc trang, định kiểu và mã tương tác
6. Tối ưu nhiều vòng: Tự điều chỉnh dựa trên kết quả xem trước cho đến khi hoàn thiện

Bước 3: xem trước & điều chỉnh

• Xem trước trực tiếp: Tạo URL demo HTML để xem ngay trên trình duyệt
• Chỉnh sửa qua hội thoại: Tiếp tục trò chuyện để yêu cầu thay đổi, ví dụ "Đổi thanh điều hướng sang màu tối"

Bước 4: chỉnh sửa trực quan trực tuyến

• Tối ưu nhiều vòng: Tinh chỉnh chi tiết thông qua hội thoại liên tục
• Chế độ chỉnh sửa:
  • Chế độ chú thích: Nhấp vào các vùng để thêm chú thích bằng ngôn ngữ tự nhiên
  • Chế độ chọn: Chọn bất kỳ phần tử nào và thêm chú thích
  • Dùng hình chữ nhật, mũi tên, cọ vẽ và đổi màu để đánh dấu các đề xuất sửa đổi
• Gửi tất cả đề xuất sửa đổi đến Kimi cùng một lúc

Bước 5: triển khai & xuất bản

Sau khi tạo, bạn có thể:

• Nhấp vào các phiên bản triển khai khác nhau để tải về tệp phiên bản
• Nhấp nút chia sẻ để nhận liên kết triển khai công khai (hoặc đặt ở chế độ riêng tư)
• Nhấp nút chỉnh sửa để tiếp tục sửa đổi
• Tải về toàn bộ mã HTML/CSS/JS để triển khai trực tiếp hoặc tinh chỉnh thêm

Đối tượng mục tiêu

Tình huống tham khảo