LLM建築チャットのスクリーンショット

目的: AI チャット インターフェイスのリアルなスクリーンショットを作成し、{argument name="topic" default="大規模言語モデル (LLM) の技術的原則"} 生成型技術インフォグラフィックに関連する画像を表示する。スクリーンショットは、単独の宣伝ポスターではなく、最新の Web アプリケーション内の会話として提示する必要があります。キャンバス: 768×1024 の縦型スクリーンショット、薄い灰色のアプリケーション背景、丸みを帯びた白いコンテンツ領域、きれいなサンセリフフォント、微妙な影、高解像度ですが、インフォグラフィック内のテキストは、実際の埋め込み生成画像のように、少し小さくする必要があります。チャット UI レイアウト: 左上隅に小さな円形のユーザー アバターが表示され、チャット タイトル「Visualizing LLM Architecture」と小さなドロップダウン矢印が表示されます。右上隅には、シンプルな「ファイル」タブとアイコンが表示されます。その下に、中央揃え/右揃えの丸みを帯びたユーザー メッセージ バブルがあり、「LLM が技術的にどのように機能するかを説明する画像を作成してください」と表示されます。その下には、「Sciraタスク完了」と表示されるステータスバーがあり、点滅/読み込みアイコンと矢印が表示されます。生成されたメイン画像は、大きな丸みを帯びた長方形のカードとして下に表示されます。画像の下には、アシスタントからの説明テキストがあります。「上の画像は、大規模言語モデルが内部でどのように機能するかを詳細に解説した包括的な技術インフォグラフィックです。表示されている各コンポーネントの詳細な説明は次のとおりです。」に続いて、太字のセクションタイトル「トークン化：テキストから数値へ」が表示されます。下部には、プレースホルダー「フォローアップを尋ねる…」、左側のプラスボタン、小さなツール/モデルコントロール、モデルラベル「Kimi K2.6」、ドロップダウンメニュー、右側の円形の音声ボタンがある丸い入力ボックスがあります。チャット内の生成インフォグラフィック：大きな紺色の大文字のタイトル「大規模言語モデル（LLM）の仕組み」が付いた青と白の技術教育ポスターをデザインします。白い背景、紺色の輪郭、水色のハイライト、丸みを帯びたパネル、ステップ、マイクロチャート、数式、表、アイコンを接続する矢印を使用します。ポスターは情報密度が高く、エンジニアリングのアプローチに傾いている必要があります。インフォグラフィックセクション: 8 つのラベル付きパネル/領域を使用します。1. 「入力: トークン化」パネル: 「素早い茶色のキツネが怠惰な犬を飛び越える」という文を含む生のテキストボックス、トークナイザーモジュール、単語トークンボックス、トークン ID ボックスを表示します。2. 「埋め込み」パネル: 密なベクトルに変換されたトークン ID と、数値埋め込み値を含む表を表示します。3. 「トランスフォーマーアーキテクチャ」パネル: 加算と正規化、フィードフォワードネットワーク、マルチヘッド自己注意、入力埋め込み、位置エンコーディング、レイヤー繰り返し表記を含む、積み重ねられた Transformer モジュールを表示します。4A. 「自己注意機構（1つのヘッド内）」：左下の広いパネルには、入力埋め込み、クエリ、キー、値、注意スコア、ソフトマックス、注意重み、加重合計、および数式行列が表示されます。 4B. 「注意：トークンが互いに注意を向ける」パネル：例文のトークンのネットワークグラフが青い線で接続されて表示され、注意重みバーが含まれます。 5. 「出力：次のトークンの予測」パネル：候補となる次のトークン（例：cat、sat、on、the、mat、roof）の確率分布バーが表示され、予測された次のトークン「the」が強調表示されます。 6. 「トレーニング：次のトークンの予測による事前トレーニング」：下部のバーは、大規模なテキストコーパス、トレーニング例の作成、モデル予測、損失計算、およびバックプロパゲーション/更新の5つのミニカードに分かれています。 7. 下部のフロー矢印に「収束するまで、何十億もの例を何十億ものエポックにわたって繰り返します」というテキストを付ける。 8. 右下の成果注釈に脳のアイコンを付け、モデルが一般的な言語パターンと知識をどのように学習するかを説明する。 ビジュアルスタイル: 明瞭なベクターインフォグラフィック、学術的でユーザーフレンドリー、濃い紺色の見出し、中程度の青色の枠線、薄い青色の塗りつぶし、マイクロテーブルとチャート、きれいな矢印、丸みを帯びたカード、一貫した間隔。 埋め込まれたインフォグラフィックは、密集しているがほとんど読みやすいテキストを使用して、AI が生成した教育チャートのように見えるようにする。 制約: すべての UI テキストは英語のままにする。 ウォーターマークを追加しない。 チャットのスクリーンショットフレームと大きな埋め込みインフォグラフィックはそのまま残す。 トレーニングバー内にリストされている 8 つのインフォグラフィック領域と 5 つのミニカードを使用する。