AI で UI デザイン。エージェントが、ファイルの中でインターフェースを描きます。

共有ファイルにインターフェースを書き込むエージェントのことです。Kite では、チームが編集するキャンバスに本物の HTML と CSS を書き、その作業が届くのを目の前で見られます。モックアップを説明するチャットでも、画面の画像を渡す生成ツールでもありません。

Claude、ChatGPT、Cursor、Codex、そしてほかのあらゆる MCP クライアント。OAuth でログインするホスト型サーバーか、Kite for Mac のローカルサーバーを使います。クライアントごとの手順はドキュメントにあります。

いいえ。Kite には独自のモデルも AI クレジットもありません。エージェントは、いま払っているプランで動きます。Uizard は生成回数を数え、Google Stitch には 1 日のクレジット上限があり、Wonder は 1 席あたり月 $20 の AI トークンを請求します。いずれも別の課金です。Kite は何も上乗せしません。

Settings → Agents、またはファイルメニューの Connect an agent から。ツールを選んでアクセスを許可します。コピーするキーはありません。Kite for Mac なら Claude Code、Codex、Cursor、Claude をワンクリックでローカルサーバーに追加できます。ホスト型サーバーは、どこからでもどの MCP クライアントでも OAuth で使えます。

はい。描く前にファイルの変数・スタイル・スキルを読み、ライトやダークなどのモードも含めて、その場かぎりの値ではなく var(--name) で書きます。Build with components をオンにすると、繰り返し出てくるパーツは一度コンポーネントとして描かれ、コピーされます。

変更したい場所にコメントを置き、@ でエージェントをメンションします。コメントには Waiting for、is working、Done by の順に表示されます。エージェントはコメントとフレームを読みます。ブラウザでは、エージェントのアプリで「do my Kite requests」と伝えれば、待っている依頼をすべて片づけます。

プロンプトから UI を生成するツールは、画面を生成し、その生成回数に課金します。Uizard の AI は自分のものに替えられず、無料は月 3 回までです。Google Stitch ではエージェントが Gemini にプロンプトを送り、1 日のクレジット上限があります。Wonder のベクターは AI がつくった SVG で点の編集ができず、さらに 1 席あたり $20 のトークンがかかります。Kite では、エージェントがチームの隣で同じ HTML と CSS を編集し続け、AI クレジットは不要です。

無料で始められます。編集者と閲覧者は無制限、ワークスペース 1 つにファイル 3 つ、エージェントの操作は 1 日 200 回。Pro は編集者 1 人あたり月額 $20、年払いなら $16。Team は $35、年払いなら $28。AI クレジットはなく、エージェントはいま払っているプランで動きます。