Kimi Websites 機能概要

Kimi Websites とは

Kimi Websites は、Kimi Agent のフルスタックウェブサイト構築プロダクトです。マルチモーダルな視覚 Agentic AI モデルである Kimi K3 を搭載しています。中核となる機能はビジュアルプログラミング（Vibe Coding）で、自然言語、デザインモックアップ、画面録画から完全なフルスタックウェブサイトを生成し、オンラインでプレビューして、ワンクリックで公開できます。

Kimi Websites で生成できるウェブサイトには、以下を含められます。

• フロントエンド: HTML のページ構造、CSS のレイアウトとスタイル、JavaScript のインタラクションロジック（モーション効果、アニメーションなど）
• バックエンド: 永続的なデータベースストレージ、ユーザーログイン、認証
• エンジニアリング: 自動バージョン管理、フルスタックプレビュー、公開デプロイ

プロダクト機能

使い方

方法 1: Web からアクセスする

Kimi Websites 専用ページにアクセスします

1. ブラウザを開く: Chrome、Safari、Edge、Firefox などの主要ブラウザを使用します。
2. 公式アクセス先を開く: Kimi Websites 専用ページ: https://www.kimi.com/zh/websites（中国語・英語インターフェースに対応）
3. アカウントにログインする: Kimi アカウントでサインインします（携帯電話番号またはメールアドレスで登録できます）
4. ウェブサイト構築タスクを入力します。Kimi Websites では、主に 3 つの方法でウェブサイトを作成できます。
   1. テキスト入力: ダイアログボックスにタスクを入力し、作りたいウェブサイトを自然言語で説明します。
   2. 画像／ウェブサイト remix: デザインモックアップや気に入ったウェブサイトのスクリーンショットをアップロードし、対応する機能を起動します。
   3. テンプレートベースのウェブサイト構築: プリセットテンプレートを選び、内容を編集して標準的なウェブサイトをすばやく作成します。
5. 構築を開始する: Websites 機能のインターフェースに入り、テンプレートを選ぶか、会話から直接作成します。

方法 2: モバイル App からアクセスする

モバイル App で専用のウェブサイトツールを選択します

公式 App は iOS、Android、HarmonyOS 向けに提供されています（アプリ名: 「Kimi」）。入力ボックスの上にあるツールバー（Taskbar）をタップし、Websites モードに切り替えます。マルチモーダル生成ツールと Agent 機能を備えており、視覚入力を与えてフロントエンドコードを生成できます。

方法 3: 汎用 Agent モード

汎用 Agent モードで、ウェブサイト構築の要件を入力します

公式ウェブサイトまたはモバイル端末で K3 モデルを選択し、ウェブサイト構築に関するタスク指示を入力します。Kimi がビジュアルプログラミング機能とコード実行ツールを呼び出します。

手順

会話でウェブサイトを作成する

入力ボックスに必要な内容を自然言語で説明すると、Kimi が理解して実行します。以下の 3 つの作成方法に対応しています。

実践例

Text

ウェブサイト構築ワークフロー概要

Text

Kimi Websites は、ウェブサイト構築に特化した複数ターンのコード生成 Agent である webapp-building SKILL を起動します。以下のワークフローを自律的に進めます。

1. 要件解析: ウェブサイトの機能モジュール、ビジュアルスタイル、インタラクションロジックを自動分析します
2. タスク計画: デザイン、開発、素材準備などのサブタスクに分解します
3. 技術方針: 適切な技術アーキテクチャ（React + Tailwind CSS など）を自動選択します
4. アセット生成: 必要に応じて画像やアイコンなどのビジュアルアセットを生成します
5. コード構築: ページ構造、スタイル、インタラクションコードを作成します
6. 複数ターン最適化: ウェブサイトが完成するまで、プレビュー結果に基づいて自律的に調整します

プレビューと調整

• リアルタイムプレビュー: ブラウザですぐに開ける HTML デモ URL を生成します
• 会話による編集: 会話を続けて、「ナビゲーションバーをダークスタイルに変更して」などの修正を依頼できます

実例

Text

プレビューパネルのインターフェース

ウェブサイトが生成されると、右側にプレビューパネルが開き、会話内にもバージョンカードが表示されます。主な操作項目は以下のとおりです。

プレビューパネル上部ツールバー（左から右）:

会話内のバージョンカード: サイト名、バージョン番号（V2 など）、URL を表示します。Preview をクリックすると対応するバージョンを開き、Restore をクリックするとそのバージョンへロールバックできます。All Files カードでは、プロジェクトファイル一式の表示またはダウンロードができます。各ボタンの詳しい使い方は、以下の対応するセクションを参照してください。

ビジュアル編集

• 複数ターン最適化: 継続的な会話を通じて、ウェブサイトの細部を調整できます
• 編集方法:
  • 注釈モード: 変更したいウェブページの部分をクリックし、自然言語でコメントを追加します
  • 選択モード: ウェブページ上の任意の要素を選択し、コメントを追加します
  • 矩形、矢印、ブラシ、色の切り替えなど、各種の選択・編集ツールを使って変更提案を追加できます
• 複数箇所に注釈を追加したら、それらを会話に追加し、すべての提案をまとめて Kimi に送信します

コードのデプロイと公開

「カスタム URL」について: 3〜30 文字で、小文字の英字、数字、ハイフンのみ使用できます。ハイフンで始めたり終えたりすることはできず、数字のみにはできません。一部の予約語（kimi、www、login など）は使用できません。すでに使用されている、または利用できない場合は、別の名前を選んでください。

「ダウンロードしてデプロイ」の範囲について: Kimi アカウントログインとプラットフォーム管理のクラウドデータベースは Kimi プラットフォームが提供する機能であり、エクスポートしたコードには移行されません。自分のサーバーにコードをデプロイする場合、ログイン方式は自分のデータベースに基づくユーザー名／パスワード方式へ変更する必要があり、データも自分のデータベースへ移行する必要があります。一般公開だけが目的であれば、ワンクリック公開を直接利用することをおすすめします。その場合、Kimi アカウントログインとクラウドデータは引き続き通常どおり動作します。詳しくは 作成したウェブサイトが動作しないのはなぜですか？ を参照してください。

バージョン別プレビュー

生成が完了すると、プレビューページに移動します。 プレビュー画面では、異なるデプロイバージョンをクリックしたり、各バージョンのファイルをダウンロードしたりできます。

公開、共有、公開停止

公開前のウェブサイトは、会話内でのみプレビューできます。他の人がアクセスできるようにするには、プレビューパネル右上の Share をクリックして公開パネルを開きます。

1. カスタム URL: デフォルト URL 内の名前を変更できます。たとえば yourname.ok.kimi.link に変更できます。
2. Copy Link をクリックして公開 URL を取得するか、Open Website をクリックして新しいタブで表示します。公開後は、パネル上部に Published と表示され、リンクを知っている人は誰でもアクセスできます。
3. サイトをオフラインにするには、パネル右上の … メニューから Unpublish を選択します。サイトは一般公開されなくなります（コードとデータは保持され、いつでも再公開できます）。

複数ターン編集

特定の部分に満足できない場合は、プレビューウィンドウの編集ボタンをクリックして、引き続き調整できます。 自然言語で Kimi に指示を送り、Agent とともに編集を続けることもできます。 結果を確認したら、完全な HTML/CSS/JS コードをダウンロードしてそのままデプロイするか、エディタでさらに磨き込めます。

対象ユーザー

• 開発者: プロダクトプロトタイプやフロントエンドデモを設計し、ゼロから構築する時間を大幅に短縮できます。
• 起業家: リソースが限られている場合でも、公式サイト、ランディングページ、プロダクト紹介ページをすばやく作成できます。
• プロダクトマネージャー: 開発スケジュールを待たずに、PRD やデザインモックアップをデモ可能なインタラクティブプロトタイプへすばやく変換できます。
• 非技術系ユーザー: コーディング知識は不要です。アイデアを説明するか参考画像をアップロードするだけで、構想から実行可能なウェブページまで進められます。

プロンプト例

以下のシナリオとプロンプトを参考にしてコンテンツを生成できます