エージェント - KMIoT AI ヘルプ

概要

エージェントは、AI によるコード生成とリアルタイムプレビューを提供する機能です。

画面上部にプロンプト入力バー、下部にプレビュー領域（iframe）の1カラム構成になっています。プロンプトを入力して送信すると、AI がコードを生成し、プレビュー領域で即座に実行結果を確認できます。

本機能を使用するには Anthropic API Key の設定が必要です。
また、API Key が利用（課金）されるのは「送信」ボタンをクリックした場合のみです。

本 API Key は、Claude サブスクリプション（Pro / Max 等）とは別のものとなります。
API Key 利用方法などの詳細はご利用の API Key の管理画面などをご参照ください。

（OpenAI には順次対応予定 ※2026年2月15日時点）

利用モデル: claude-sonnet-4-5-20250929（Anthropic Claude Sonnet 4.5）

エージェント機能を利用するには、LLMの API Key の設定が必要です。API Key は sk-ant- で始まる文字列です。

API Key が未設定の場合、画面全体に API Key 設定パネルが表示されます。API Key を設定するまでチャットやプレビューは使用できません。

エージェント利用時には Anthropic Messages API が呼び出されます。トークン消費量はプロンプト内容により変動します。

API Key は Anthropic が発行するキーです。詳細は Anthropic のホームページをご参照ください。

エージェント機能は Anthropic API の従量課金のみで利用できます。Claude の Pro / Team 等のプラン契約は不要です。

OpenAI API Key は現在準備中です。

画面上部のプロンプトバーから AI にコード生成を依頼します。

入力欄: 作りたいものをテキストで入力します。Enter キーまたは「送信」ボタンで送信します。
Canvas 選択: キャンバスが登録されている場合、ドロップダウンからキャンバスを選択できます。選択したキャンバスの情報がコンテキストとして AI に渡され、キャンバスの内容に基づいたコード生成が可能になります。
送信: プロンプトを AI に送信します。処理中はボタンが「処理中...」に変わり、入力欄は無効になります。

送信後、以下のステータスが順に表示されます。

過去に生成したコードの履歴を管理します。「履歴」ボタンをクリックすると、履歴一覧のドロップダウンが表示されます。

画面下部のプレビュー領域（iframe）で、生成されたコードがリアルタイムに実行されます。

プレビュー実行時にエラーが発生した場合、自動修正機能が動作します。