# LLM Architecture Chat Screenshot

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library Explainers (@library.explainers)](/@library.explainers.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: graphic or type, typography
- Copies: 0
- Saves: 0
- Published: 2026-11-01
- Cover image: https://cdn.promptclay.com/media/v/01M6B8DREXG2QDGSTWYSM4326M/w1200.webp
- Page: https://promptclay.com/prompts/llm-architecture-chat-screenshot-mmdvm8

## Prompt

```text
Goal: Create a realistic screenshot of an AI chat interface showing a generated technical infographic about {topic}. The screenshot should look like a modern web app conversation, not a standalone poster.

Canvas: 768×1024 vertical screenshot, light gray app background, rounded white content areas, clean sans-serif typography, subtle shadows, high-resolution but with the infographic text slightly small like a real embedded generated image.

Chat UI layout: At the top left show a small circular user avatar, the chat title “Visualizing LLM Architecture” with a tiny dropdown chevron, and at the top right a simple “Files” label with an icon. Below, show a rounded user message bubble aligned near the top center/right containing: “make an image explaining how LLMs work technically”. Under it, show a small status row reading “Scira task complete” with a sparkle/loader icon and chevron. The main generated image appears below as a large rounded rectangle card. Beneath the image, include assistant explanatory text: “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:” followed by the bold section heading “Tokenization: From Text to Numbers”. At the bottom, show a rounded input box with placeholder “Ask a follow-up...”, a plus button on the left, small tool/model controls on the right, the model label “Kimi K2.6” with a dropdown, and a circular voice button.

Generated infographic inside the chat: Design a blue-and-white technical educational poster titled in large navy caps: “HOW LARGE LANGUAGE MODELS (LLMs) WORK”. Use a white background, navy-blue outlines, light-blue highlights, rounded panels, arrows connecting steps, miniature charts, equations, tables, and icons. The poster should be information-dense and engineering-oriented.

Infographic sections: Use exactly 8 labeled panels/areas:
1. “INPUT: TOKENIZATION” panel showing a raw text box with the sentence “The quick brown fox jumps over the lazy dog.”, a tokenizer block, token boxes for the words, and token ID boxes.
2. “EMBEDDINGS” panel showing token IDs converted into dense vectors, with a small table of numeric embedding values.
3. “TRANSFORMER ARCHITECTURE” panel showing a stacked transformer block with Add & Norm, Feed-Forward Network, Multi-Head Self-Attention, input embeddings, positional encoding, and layer repetition notation.
4A. “SELF-ATTENTION MECHANISM (INSIDE ONE HEAD)” wide lower-left panel showing matrices for input embeddings, queries, keys, values, attention scores, softmax, attention weights, weighted sum, and equations.
4B. “ATTENTION: TOKENS ATTEND TO EACH OTHER” panel showing a network graph of tokens from the example sentence connected by blue lines plus attention-weight bars.
5. “OUTPUT: NEXT TOKEN PREDICTION” panel showing probability distribution bars for candidate next tokens such as cat, sat, on, the, mat, roof, then highlighting the predicted next token “the”.
6. “TRAINING: PRE-TRAINING WITH NEXT-TOKEN PREDICTION” long bottom strip divided into 5 mini-cards: massive text corpus, creating training examples, model prediction, loss calculation, and backpropagation/update.
7. Bottom process arrow reading “Repeat for billions of examples over many epochs until convergence.”
8. Bottom-right result callout with a brain icon explaining that the model learns general language patterns and knowledge.

Visual style: Crisp vector infographic, academic but friendly, dark navy headings, medium-blue borders, pale-blue fills, tiny tables and plots, clean arrows, rounded cards, consistent spacing. Make the embedded infographic resemble an AI-generated educational diagram with dense but mostly legible small text.

Constraints: Keep all UI text in English. Do not add watermarks. Preserve the visible chat screenshot framing and the large embedded infographic. Use exactly the listed 8 infographic areas and exactly 5 mini-cards inside the training strip.
```

## Variables

Replace each `{variable}` before you paste the prompt.

| Variable | Label | Example |
|---|---|---|
| `{topic}` | topic | how Large Language Models (LLMs) work technically |

## About

Creates a realistic AI chat screenshot featuring a dense blue-and-white technical infographic explaining how large language models work.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.explainers on Promptclay, https://promptclay.com/prompts/llm-architecture-chat-screenshot-mmdvm8
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [Nano Banana Architecture Prompts](/nano-banana-architecture-prompts.md): Architecture prompts for Nano Banana: building renders, interior concepts, facades and sketch-to-render edits (https://promptclay.com/nano-banana-architecture-prompts)
- [Typography Prompts](/typography-prompts.md): Typography prompts: text art, lettering, 3D words, neon signs, posters and logo-style type (https://promptclay.com/typography-prompts)

## Related searches

- [Typography prompts](/search.md?q=typography) (https://promptclay.com/search?q=typography)

## More like this

- [Space shuttle diagram in space](/prompts/space-shuttle-diagram-in-space-d2yhsc.md): Nano Banana Pro, by @library.art
- [Annotated Transformer architecture diagram](/prompts/annotated-transformer-architecture-diagram-qqte8w.md): Nano Banana Pro, by @library.infographics
- [LLM Crash Course Visualizer](/prompts/llm-crash-course-visualizer-csztfm.md): GPT Image 2, by @library.explainers
- [AI Artifact Removal Instruction](/prompts/ai-artifact-removal-instruction-wffg2b.md): GPT Image 2, by @library.game.art
- [7-Shot Cinematic Campaign Sequence Prompt](/prompts/7-shot-cinematic-campaign-sequence-prompt-netmyd.md): Nano Banana Pro, by @library.product
- [AI Chat Screenshot With Censored Women](/prompts/ai-chat-screenshot-with-censored-women-5n6vzf.md): GPT Image 2, by @library.ui.design
- [Various playful test prompts for Nano Banana](/prompts/various-playful-test-prompts-for-nano-banana-t49cfp.md): Nano Banana Pro, by @library.art
- [Exploded View Disassembly of Apple Watch Ultra and iPhone](/prompts/exploded-view-disassembly-of-apple-watch-ultra-and-iphone-ke5h8g.md): Nano Banana Pro, by @library.product
- [AI Chat Image Generation Screenshot](/prompts/ai-chat-image-generation-screenshot-6hxwta.md): GPT Image 2, by @library.lifestyle
- [ChatGPT Cyberpunk Manga Screenshot](/prompts/chatgpt-cyberpunk-manga-screenshot-w4s3xh.md): GPT Image 2, by @library.anime
- [Software Architecture Visualization Diagram](/prompts/software-architecture-visualization-diagram-0wmvtk.md): GPT Image 2, by @library.explainers
- [Anime Live2D Turnaround Chat Screenshot](/prompts/anime-live2d-turnaround-chat-screenshot-kgafy0.md): GPT Image 2, by @library.game.art

---
Canonical: https://promptclay.com/prompts/llm-architecture-chat-screenshot-mmdvm8
Search: /search.md?q=your+words