AI ネイティブなアプリのためのコンポーネント。

アシスタントがウェブサイトを代わりに操作する様子を見られる画面を追加してください。ポインターが動いてクリックや入力をし、各ステップが一覧に表示されます。「一時停止」「操作を代わる」を付け、お金がかかる操作の前には承認を求めます。一度やって見せて作業を教えるモードと、再生してシークできる録画も追加してください。

アプリのアシスタントに思考トレースを追加してください。作業中は「考え中…」パネルを表示し、各ステップをスピナー付きで並べ、終わったものにはチェックと所要時間を付けます。パネルを開くと推論の内容、実行した検索、書いたコードが読めるようにし、完了したら「6 秒考えました」の 1 行に折りたたんでください。

アシスタントが回答中に使うツールを小さなチップで表示してください。実行中はスピナー、完了したらツール名とかかった時間、失敗したら赤くしてエラー内容を示し、クリックすると渡した入力と返ってきた結果が開くようにします。「5 個のツールを使用」に折りたためるタイムライン表示も用意してください。

エージェントが取り組んでいる作業を示すタスクリストを追加してください。タスクごとに 1 行で、状態（待機中、進捗リング付きの実行中、「再試行」ボタン付きの失敗、チェック付きの完了）、「請求書 12 件」のような短い件数、そしてサブステップを開くシェブロンを表示します。

機能プランのカードを追加してください。作っている機能のチェックリストに進捗バー（「5 件中 3 件完成」）を付け、各機能には未着手・作業中・完了の状態、開くと読める 1 行の説明、そして「テスト合格」か「テスト不合格」の小さなバッジを表示します。

アシスタントが作業している間もリクエストを送り続けられるようにしてください。いま取り組んでいる作業を進捗付きで表示し、新しいリクエストは入力欄の上のキューに入れて、並べ替え・編集・削除・次に送るができるようにします。キューを一時停止するボタンも付けてください。

画像ジェネレーターを追加してください。スタイルと縦横比を選べるプロンプト入力欄と「生成」ボタンで一度に4枚を作り、それぞれ生成の進み具合を表示します。完成した画像からバリエーションを作る、高解像度化する、お気に入りに保存する、ダウンロードすることができ、以前の生成結果は下に残るようにします。

アシスタントの回答が点滅するキャレットの後ろから 1 語ずつ流れるように表示されるようにしてください。番号付きの出典にはホバーで出典のタイトル、サイト、抜粋を表示し、操作ボタン（コピー、再生成、高評価、低評価）と、クリックで続けて質問できるフォローアップの質問を 2〜3 個並べます。

アシスタントが社内の資料をもとに回答するとき、使った文章をカードで表示してください。各カードに出典とページ、関連度スコア、一致した語句のハイライト、固定と除外のボタンを付け、回答では各カードを番号で引用するようにします。

アシスタントが重要な操作をする前に承認カードを表示してください。いくつかの質問を 1 問ずつ（単一選択、複数選択、短い記述）出し、「スキップ」「続ける」と「1 / 3」のカウンターを付けます。リスクのある操作では、何が起きるのかを正確に示したうえで「承認」「編集」「拒否」を選べるカードを表示してください。

おすすめカードを追加してください。アシスタントがすすめる選択肢に確信度メーター（例：「82% · 高」）を付け、出典付きの理由、主なリスク、判断が変わる条件、検討した他の候補とそれぞれの確信度、そして実行するボタンを表示します。

アプリに音声アシスタントを追加してください。タップして話しかける光るオーブで、聞いている・考えている・話しているがわかるようにし、ライブ字幕、ミュートボタン、話している途中にタップして割り込める機能、タイマーと終了ボタン付きの小さな通話バーを付けてください。

アプリのプレビューにコメントできるようにしてください。「コメント」ボタンを押してからどこかをクリックすると、その人のアバター付きのピンが置かれ、ほかの人が返信できるスレッドが開きます。スレッドは解決（「元に戻す」付き）して非表示にでき、新しい返信があると分かるようにし、「未解決」と「解決済み」のタブがあるサイドパネルにも一覧表示します。

アプリにプロンプト入力欄を追加してください。入力に合わせて高さが伸び、「@」でファイルやデータソースの一覧を開いてチップとして添付でき、「/」でコマンドの一覧を開けます。ファイル添付、モデル選択、音声入力、送信のボタンを備え、すべてキーボードだけで操作できるようにしてください。

プロンプト入力欄の横にモデルピッカーを追加してください。現在のモデルと推論レベルを表示するボタンからモデル一覧を開き、各モデルに短い説明、速さとコストの目安、プレミアムモデルのバッジを付けます。あわせて推論レベル（低・中・高・最大）の切り替えを置き、各レベルでどれくらい使用量がかかるかを説明してください。

テキスト欄に音声入力を追加してください。マイクボタンを押すと欄がタイマー付きのライブ波形に変わり、話した言葉がその場で表示され（確定前の言葉はグレー）、話した内容を残すか取り消すかのボタンが付くようにします。

エディターでテキストを選択すると、すぐ横に AI ツールバー（改善、短く、やわらかく、スペル修正、翻訳）が出るようにしてください。書き直しはその場で、古い語句に取り消し線、新しい語句を緑で表示し、承認と破棄のボタンを付けてください。

⌘K で開くコマンドパレットを追加してください。ひとつの検索ボックスで、入力に合わせてページ・データ・操作を見つけ（多少の打ち間違いも許容）、最近使ったものを先頭に結果をグループ分けし、一致した文字を強調表示し、Enter で選んだものを実行します。何も見つからないときは、提案付きのやさしい案内を表示してください。

アシスタントが表の変更を提案したら、適用する前に表示してください。変わったセルは古い値に取り消し線、新しい値を緑で示し、あえて変えなかった行には理由を添えます。セルごと、行ごと、まとめて承認・却下できるボタンを付け、最後に「適用」できるようにしてください。

ダッシュボードに指標カードの列を追加してください。各カードに数値、先週からの変化（緑または赤）、ホバーで日ごとの値が読める小さなグラフを表示します。その下に、数字が何を意味するかを順にめくって読めるインサイトカードを置き、それぞれに次の一手の提案を付けてください。

顧客テーブルを追加してください。検索でき、列（名前、タグ、月間の量、最終注文、4 本のバーで示す関係の強さ）で並べ替えができ、チェックボックスで行を選ぶと一括操作のバーが現れるようにします。スマートフォンでは先頭の列を固定したまま、残りの列を横にスクロールできるようにしてください。

注文のライブテーブルを追加してください。上にステータスのチップ（すべて、新規、対応中、発送済み、問題あり）を並べ、それぞれ件数を表示し、クリックで行を絞り込みます。新しい注文は先頭に表示し、ステータスが変わった行は滑らかに移動させてください。検索ボックス、ライブ更新を止める「一時停止」ボタン、ステータスごとにグループ表示するオプションも付けてください。

エージェントが行ったコードの変更を、レビューできる差分として表示してください。ファイルごとに削除行を赤、追加行を緑で示して変わった語句をハイライトし、変更のないコードは折りたたみます。ファイルごとの「確認済み」チェック、変更行へのコメント、統合表示と左右比較の切り替えも付けてください。

アプリの管理画面にライブなログビューアを追加してください。時刻・レベル・発生元付きの行が流れてきて、レベルごとに件数付きの切り替えで表示・非表示でき、検索ボックスで一致部分を強調表示します。上にスクロールするまでは最新行に追従し（そのときは「新しい行」ボタンを表示）、一時停止、行の詳細の展開、行のコピーができるようにします。

自動化ビルダーを追加してください。ドット柄のキャンバスにフローを描き、トリガーから始まって「はい／いいえ」の条件で分岐し、アクションを実行します。すべての接続線に＋を置いてメニューからステップを追加でき、ステップの名前変更と削除、パンとズームができ、「テスト実行」ボタンで各ステップが実行されるたびに強調表示されるようにします。

カンバンボードを追加してください。段階ごとに列を作り、カードはマウスや指でドラッグして列を移動でき、キーボードでも動かせるようにします（Space で持ち上げ、矢印キーで移動、Space で置く）。各列に件数と上限を表示し、列の一番下には「カードを追加」をすぐ使えるように置いてください。

いまドキュメントにいるほかの人を表示してください。アクティブか離席中かを示す点付きのアバターを重ねて並べ、各自のカーソルには本人の色で名前を付け、選択している部分や入力中の文字を見せ、誰かが参加・退出したら知らせ、アバターをクリックするとその人をフォローできるようにします。

バージョン履歴を追加してください。保存されたバージョンを日ごとにまとめたタイムラインに、作成者と現在のバージョンの印を表示します。バージョンを選ぶと変更内容（またはページの変更前／変更後の比較）を表示し、「復元」は確認を求め、現在のバージョンも履歴に残し、元に戻せるようにします。

アプリにサイドバーを追加してください。上部にワークスペースの切り替え、アイコンと未読数付きの主要ページ、折りたためるセクション、ポインターの下の行へ滑らかに移動するハイライト、下部にサインイン中のユーザーを置き、ボタンでツールチップ付きのアイコンレールにたためるようにします。

新しいユーザー向けのセットアップチェックリストを追加してください。進捗リングと「5件中2件完了」を表示し、ステップを順番に並べてそれぞれの所要時間を示します。次のステップは開いた状態にして、実行するボタンと「あとで」を置き、すべて終わったらお祝いを表示し、ガイドを隠したり戻したりできるようにしてください。画面の隅に置く小さなランチャー版も用意してください。

ショップ情報・配送・通知のセクションに分かれた設定ページを追加してください。変更した項目には印を付け、未保存の変更の件数と「保存」「破棄」ボタンのある保存バーを表示します。保存前に入力をチェックして最初の問題の場所に移動し、保存できたら知らせ、Ctrl+S や ⌘S でも保存できるようにしてください。

申込フォームをステップ形式のウィザードにしてください。今どのステップにいて、どれが終わったかがわかるステップバーを付け、各ステップは次に進む前にチェックしてわかりやすいメッセージを出します。「戻る」で入力内容が消えないようにし、最後に各ステップの「編集」リンク付きの確認ページを、送信後には完了画面を表示してください。

スプレッドシートがアップロードされたら、列を項目に対応付けるステップを表示してください。各列にいくつかのサンプル値、候補の項目とその一致の信頼度を示し、簡単に変更したり列をスキップしたりできるようにします。必須項目が足りないときや2つの列が同じ項目を指しているときは警告し、「取り込む」ボタンで進捗と結果の概要を表示してください。

ファイルのアップロードを追加してください。ファイルをドラッグして置ける、クリックで選べる、画像を貼り付けられるエリアを作り、ファイルごとにプレビューと進捗バーを表示します。大きすぎるファイルや対応していない形式にははっきりとメッセージを出し、失敗したアップロードには「再試行」ボタンを付けてください。メッセージ入力欄の添付ファイルは、アップロードが終わるまで送信できないようにしてください。

ほかのアプリが接続するときや、アシスタントが私の代わりに何かをする前に表示される許可ダイアログを追加してください。求められている内容をわかりやすい言葉で一覧にし、任意の部分はオフにでき、実行内容のプレビュー（メールの本文と宛先など）を表示します。「今回だけ許可」と「常に許可」を選べるようにし、「この選択を記憶する」も付けてください。

予約ピッカーを追加してください。今後 2 週間の日付ストリップ（または月のカレンダー）で日を選び、空いている時間を午前と午後に分けて表示し、埋まった枠はグレーにします。セッションの長さの選択とタイムゾーン表示を付け、概要と「予約を確定」ボタンを置き、確定後は「カレンダーに追加」付きの確認画面に切り替えてください。

料金セクションを追加してください。3つのプランを横に並べ、「月払い／年払い」の切り替えで年払いのお得額を表示し、いちばん人気のプランを目立たせます。各プランに「選択」ボタンを付けて、選んだプランと料金をチェックアウトのバーに引き継ぎ、各プランの内容を比べられる比較表も付けてください。

トースト通知を追加してください。画面の隅に重なって表示され、ホバーすると広がり、数秒で自動的に閉じ（ホバー中は一時停止）、スワイプで消せるようにします。種類は成功、「再試行」付きのエラー、成功に変わる読み込み中、そして「元に戻す」付きの通知です。

上部バーに赤い未読数付きの通知ベルを追加してください。開くと受信箱が表示され、「すべて」「未読」「メンション」のタブがあり、通知は「今日」「昨日」「それ以前」に分けて並べます。各通知にはその場で操作できるボタン（承認、返信など）と既読／未読を切り替える点を付け、「すべて既読にする」を置き、新しい通知は届いたときにスライドして表示してください。

一覧の空の状態をデザインしてください。最初の項目を追加するボタンやサンプルデータを試すボタンのある親しみやすい初回画面、検索語を示してフィルターの解除を提案する「結果なし」のメッセージ、「再試行」と詳細のあるエラー画面、そして最後に保存したデータを表示したまま自動で再試行するオフラインのバナーです。