Kimi Websites 功能概覽

什麼是 Kimi Websites

Kimi Websites 是 Kimi Agent 的全端網站建立產品，由多模態視覺 agentic AI 模型 Kimi K3 驅動。核心能力是視覺化程式設計（Vibe Coding）：你可以用自然語言、設計稿或螢幕錄影生成完整的全端網站，並在線上預覽，再一鍵發布。

Kimi Websites 生成的網站可包含：

• 前端：HTML 頁面結構、CSS 版面與樣式，以及 JavaScript 互動邏輯（動態效果、動畫等）
• 後端：持久化資料庫儲存、使用者登入與身分驗證
• 工程能力：自動版本管理、全端預覽與公開部署

產品特色

使用方式

方法一：從網頁端進入

造訪 Kimi Websites 專屬頁面

1. 開啟瀏覽器：使用 Chrome、Safari、Edge 或 Firefox 等主流瀏覽器。
2. 開啟官方入口：Kimi Websites 專屬頁面：https://www.kimi.com/zh/websites（支援中文與英文介面）
3. 登入帳號：使用 Kimi 帳號登入（支援以手機號碼或電子郵件註冊）
4. 輸入建站任務。Kimi Websites 提供三種主要建站方式：
   1. 文字輸入：在對話框輸入任務，並用自然語言描述你想要的網站；
   2. 圖片／網站 remix：上傳設計稿或你喜歡的網站截圖，以觸發相應功能；
   3. 範本建站：選擇預設範本並編輯內容，快速建立標準網站；
5. 開始建站：進入 Websites 功能介面，選擇範本，或直接透過對話建立。

方法二：從行動 App 進入

在行動 App 中選擇專屬網站工具

官方 App 支援 iOS、Android 與 HarmonyOS（App 名稱：「Kimi」）。在輸入框上方，點選工具列（Taskbar）→ 切換至 Websites 模式。此模式包含多模態生成工具與 Agent 能力，可讓你提供視覺輸入並生成前端程式碼。

方法三：一般 Agent 模式

在一般 Agent 模式中輸入建站需求

在官方網站或行動裝置上，選擇 K3 模型並輸入與建站相關的任務指令。Kimi 會呼叫視覺化程式設計能力與程式碼執行工具。

操作步驟

透過對話建立網站

在輸入框用自然語言描述你的需求，Kimi 會理解並執行。支援三種建立方式：

實用範例

Text

建站流程概覽

Text

Kimi Websites 會啟用 webapp-building SKILL，這是一個專為網站建構設計的多輪程式碼生成 agent。它會自主完成以下流程：

1. 需求解析：自動分析網站功能模組、視覺風格與互動邏輯
2. 任務規劃：將工作拆解為設計、開發、素材準備等子任務
3. 技術方案：自動選擇合適的技術架構（如 React + Tailwind CSS）
4. 素材生成：依需求生成圖片、圖示等視覺素材
5. 程式碼建構：撰寫頁面結構、樣式與互動程式碼
6. 多輪最佳化：根據預覽自主調整，直到網站完成

預覽與調整

• 即時預覽：生成 HTML 示範 URL，可立即在瀏覽器中開啟
• 對話式修改：繼續對話提出修改需求，例如「將導覽列改成深色風格」

真實範例

Text

預覽面板介面

網站生成後，右側會開啟預覽面板，對話中也會出現版本卡片。主要操作入口如下：

預覽面板頂部工具列（由左至右）：

對話中的版本卡片：顯示網站名稱、版本號（如 V2）與 URL。點擊 預覽 可開啟對應版本；點擊 還原 可回復到該版本。所有檔案 卡片可用來查看或下載完整專案檔案。各按鈕的詳細用法請參考下方對應章節。

視覺化編輯

• 多輪最佳化：透過持續對話微調網站細節
• 編輯方式：
  • 標註模式：點選網頁中想修改的部分，並用自然語言加入意見
  • 選取模式：選取網頁上的任一元素並加入意見
  • 使用矩形、箭頭、筆刷、切換顏色等選取與編輯工具，加入修改建議
• 在多處加入標註後，將它們加入對話，並一次把所有建議傳送給 Kimi

程式碼部署與發布

關於「自訂 URL」：長度 3–30 個字元，僅限小寫英文字母、數字與連字號。不可用連字號開頭或結尾，也不可全為數字。部分保留字（如 kimi、www、login 等）無法使用。若名稱已被占用或不可用，請改用其他名稱。

關於「下載後部署」的適用邊界：Kimi 帳號登入與平台代管雲端資料庫由 Kimi 平台提供，不會隨匯出的程式碼一併遷移。若將程式碼部署到自己的伺服器，登入方式需改為基於自有資料庫的使用者名稱／密碼方案，資料也必須遷移到自己的資料庫。若只是要公開存取，建議直接使用一鍵發布，Kimi 帳號登入與雲端資料仍可正常運作。詳情請參閱為什麼我建立的網站無法運作？。

依版本預覽

生成完成後，你會進入預覽頁面。 在預覽介面中，可以點選不同部署版本，並下載不同版本的檔案。

發布、分享與取消發布

發布前，網站只能在對話中預覽。若要讓其他人存取，請點擊預覽面板右上角的 分享，開啟發布面板：

1. 自訂 URL：可修改預設 URL 中的名稱，例如改成 yourname.ok.kimi.link；
2. 點擊 複製連結 取得公開 URL，或點擊 開啟網站 在新分頁檢視。發布後，面板頂部會顯示 已發布，任何持有連結的人都能存取；
3. 若要讓網站下線，請在面板右上角的 … 選單中選擇 取消發布。網站將不再公開可存取（程式碼與資料會保留，你可以隨時重新發布）。

多輪編輯

如果對某個部分不滿意，可點擊預覽視窗中的編輯按鈕，持續打磨。 你也可以用自然語言向 Kimi 發送指令，並透過 Agent 繼續編輯。 確認結果後，可下載完整 HTML/CSS/JS 程式碼直接部署，或在編輯器中繼續完善。

適用對象

• 開發者：設計產品原型與前端示範，大幅減少從零開始建置所需時間。
• 創業者：在資源有限時，快速建立官方網站、landing page 與產品展示頁。
• 產品經理：無須等待開發排程，即可快速將 PRD 或設計稿轉為可展示的互動原型。
• 非技術使用者：不需要具備程式知識。只要描述想法或上傳參考圖片，就能從概念生成可執行的網頁。

提示詞範例

你可以參考以下情境與提示詞來生成內容