# GPT Image Hub prompt

## LLMアーキテクチャ図解入りAIチャット画面
- URL: https://www.gptimagehub.com/ja/library/ai-chat-interface-with-llm-architecture-infographic
- Generator URL: https://www.gptimagehub.com/ja/generate?promptId=oss-ym-g2-20258
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fja%2Flibrary%2Fai-chat-interface-with-llm-architecture-infographic
- Category: UI / UX デザイン
- Model: gpt-image-2
- Aspect ratio: 3:4
- Style: graphic-design
- Tags: チャットui, スクリーンショット, インフォグラフィック, transformer, 大規模言語モデル, webデザイン, 技術図解
- Updated: 2026-10-27T22:40:23.098Z
- Created: 2026-10-27T22:40:23.098Z

技術インフォグラフィックが埋め込まれたAIチャットアプリ画面を生成します。括弧内のトピックを変更して別の解説図にも対応可能です。

### Full prompt
```text
大規模言語モデル（LLM）の技術的仕組み［how Large Language Models (LLMs) work technically］を解説する技術インフォグラフィックが埋め込まれた、最新AIチャットWebアプリのリアルな縦長スクリーンショット。薄いグレーの背景（#F4F4F6）、繊細なシャドウ、すっきりとしたサンセリフ書体。

チャットUIのレイアウト：
- トップバー：左側に円形のアバターとチャットタイトル「Visualizing LLM Architecture」（小さな下向き矢印付き）、右上にフォルダアイコン付きの「Files」ボタン。
- ユーザーメッセージ：右上寄りの角丸カードに「make an image explaining how LLMs work technically」のテキスト。
- ステータス表示：その直下にスパークルアイコン付きで「Scira task complete」と表示。
- アシスタント返答カード：生成されたインフォグラフィックを収める中央の大きな角丸カード。
- 本文テキスト：インフォグラフィックの下に「The image above is a comprehensive technical infographic breaking down how Large Language Models function under the hood. Here is a detailed walkthrough of each component shown:」と太字の小見出し「Tokenization: From Text to Numbers」。
- 最下部ドック：角丸入力バー（プレースホルダー「Ask a follow-up...」）、左側にプラス（+）添付ボタン、モデル選択バッジ「Kimi K2.6」（ドロップダウン付き）、右側に円形のマイクボタン。

埋め込みインフォグラフィックポスター：
白と青を基調とした工学系テクニカル図解。上部に濃紺の太字タイトル「[HOW LARGE LANGUAGE MODELS (LLMs) WORK]」。白い背景、ネイビーの輪郭線、水色のハイライト、正確に整理された8つのパネル：
1. 「INPUT: TOKENIZATION」：例文「The quick brown fox jumps over the lazy dog.」がトークンとトークンIDに分割される様子。
2. 「EMBEDDINGS」：トークンIDが高次元の密ベクトルテーブルに変換される図。
3. 「TRANSFORMER ARCHITECTURE」：Add & Norm、フィードフォワード、マルチヘッド・アテンション、位置エンコーディングの積層構造。
4A. 「SELF-ATTENTION MECHANISM (INSIDE ONE HEAD)」：Q、K、V行列、ドット積アテンションスコア、ソフトマックス、重み付き和の数式。
4B. 「ATTENTION: TOKENS ATTEND TO EACH OTHER」：トークン間が重み付きの線で結ばれたネットワークグラフ。
5. 「OUTPUT: NEXT TOKEN PREDICTION」：次トークンの確率分布バーチャート、「the」が強調表示。
6. 「TRAINING: PRE-TRAINING WITH NEXT-TOKEN PREDICTION」：5段階の横長パイプライン（大規模コーパス、データ作成、モデル予測、損失計算、逆伝播）。
7. プロセス矢印：「Repeat for billions of examples over many epochs until convergence.」
8. 総括ボックス：脳アイコンと知識学習の解説。

スタイル：シャープなベクター図解、明瞭な微細文字、透かしなし。
```