Kimi Websites

Kimi は、視覚入力（UIモックアップ、スクリーンショット、操作動画）と自然言語の指示を理解し、ユーザーの入力をそのまま実行可能なフロントエンドコードへ変換します。静的なUIだけでなく、動的なインタラクションも対象です。

機能概要

Kimi Websites の使い方

方法1：Kimi Websites ページにアクセスする

1. ブラウザを開く：Chrome、Safari、Edge、Firefox など主要なブラウザを使用します
2. アクセス先：kimi.com/websites（中国語・英語に対応）
3. ログイン：Kimi アカウント（電話番号またはメールアドレス）でログインします
4. タスクを入力：

5. 制作を開始：テンプレートを選ぶか、会話から作成を始めます

方法2：モバイルアプリ

iOS、Android、HarmonyOS には、いずれも公式 Kimi アプリがあります。入力エリアで タスクバー をタップし、マルチモーダル生成ツールとエージェント機能を備えた Websites Agent モード に切り替えます。

方法3：K2.6 Agent モードを使う

K2.6 Agent モードに切り替え、ウェブサイト制作タスクを入力します。Kimi が視覚コーディング機能とコード実行ツールを呼び出します。

Kimi Websites の仕組み

ステップ1：会話でウェブサイトを作成する

作りたい内容を自然言語で説明します。次の3つの作成方法に対応しています。

プロンプト例：

Text

ステップ2：構築プロセス

Kimi website は ウェブアプリ構築SKILL を起動します。これは、複数ラウンドのコード生成に特化したエージェントです。

1. 要件分析：ウェブサイトのモジュール、ビジュアルスタイル、インタラクションロジックを分析します
2. タスク計画：デザイン、開発、アセット準備のサブタスクに分解します
3. 技術スタック選定：適切なアーキテクチャ（例：React + Tailwind CSS）を選びます
4. アセット生成：画像、アイコン、その他のビジュアルアセットを生成します
5. コード構築：ページ構造、スタイル、インタラクションコードを記述します
6. 複数ラウンド最適化：プレビュー結果に基づいて自律的に調整し、完成まで仕上げます

ステップ3：プレビューと調整

• ライブプレビュー：ブラウザですぐ確認できるHTMLデモURLを生成します
• 対話による編集：会話を続けて変更を依頼できます。例："ナビバーをダークにして"

ステップ4：オンラインでビジュアル編集

• 複数ラウンド最適化：会話を重ねながら細部を微調整できます
• 編集モード：
  • 注釈モード：領域をクリックして、自然言語の注釈を追加します
  • 選択モード：任意の要素を選択し、注釈を追加します
  • 矩形、矢印、ブラシ、色の切り替えを使って修正提案をマークできます
• すべての修正提案をまとめて Kimi に送信します

ステップ5：デプロイと公開

生成後は、次の操作ができます。

• 異なるデプロイバージョンをクリックして、バージョンファイルをダウンロードする
• 共有ボタンをクリックして公開デプロイ済みリンクを取得する（または非公開に設定する）
• 編集ボタンをクリックして修正を続ける
• 完全なHTML/CSS/JSコードをダウンロードし、そのままデプロイする、またはさらに調整する

対象ユーザー

参考シナリオ