Frame from LLM context windows and token grids
1. Context-window explainer promptFull
Faça uma animação javascript de como um LLM vai compondo na janela de contexto as perguntas do usuário e as respostas geradas. É importante diferenciar a janela de contexto de entrada da de saída, que normalmente possuem tamanhos diferentes, e deve-se mostrar também que a resposta que foi gerada na janela de contexto de saída é transferida e concatenada ào contexto  da janela de entrada. Deve ser claro e didático e pode ter labels em português
2. MP4 export request
gere a animação no formato MP4 para download
Make it hereFree runs soon

LLM context windows and token grids

A Portuguese-language explainer pairs a chat transcript with separate input and output token grids and an LLM probability panel, showing how successive questions and answers accumulate within a limited context.

You'll need

  • Install the creator-stated skill or plugin: JavaScript.
How it was made

Opus 5.5 · JavaScript

Source and credit

X · Sep 23, 2026 · 271 likes · 31k views · 6 comments

Made with AI, according to the source

Published instructions: https://x.com/joaoli13/status/2102805381542220038, https://x.com/joaoli13/status/2102805381542220038

Discovery collection

Look notesby Reference

A Spanish-language educational interface explaining an LLM context window.

Color
Pale blue-gray background with white panels, blue outlines, and teal and orange highlights.
Type
Small, clean sans-serif text with bold headings and compact labels.
Framing
A dashboard-like arrangement of explanatory text, a token grid, an LLM panel, a database panel, and a side column of notes.
Structure
The main content is organized into bordered sections: an introduction, a context-window grid, an LLM diagram, a database area, and supporting callouts.

Remakes

Nobody has shared a remake of this one yet. Made your own version? Send it for review and credit.

More like this

1:15

Four tea production lines

Full prompt

Opus 5.5

0:34

Traffic jams on a circular road

Recreation brief

Opus 5.5

0:29

Bridge scans to structural drawings

Recreation brief

Opus 5.5 · Blender

0:45

KV cache in nine visual styles

Prompt described

Opus 5.5

0:49

Three edits of one talking-head video

Recreation brief

Opus 5.5

1:30

From noise to a cat on the moon

Full prompt

Opus 5.5

0:41

Raised-bed irrigation assembly guide

Partial prompt

Opus 5.5

1:30

Rules for agent self-improvement

Recreation brief

Opus 5.5

1:30

Jev decision cards and flow diagrams

Full prompt

Opus 5.5

0:10

Circles, grids and shared value

Recreation brief

Ordinary Folk

2:03

Human identity through nodes and lines

Recreation brief

Animade

0:40

Electric motor cutaways and field diagrams

Full prompt

0:43

Rocket anatomy in pale wireframes

Recreation brief

Opus 5.5 · WebGL

1:30

Ancient settlements and farming maps

Recreation brief

Kurzgesagt – In a Nutshell

0:46

Basketball pick-and-roll breakdown

Recreation brief

Opus

1:30

Sticker avatar explains an AI workflow

Recreation brief

Claude Code

1:30

Zheng He’s fleet and voyage maps

Full prompt

Opus 5.5 Extra

1:30

Takeoff charts and newspaper corrections

Recreation brief

Claude

0:59

Orange robots illustrate effort levels

Recreation brief

Opus 5.5

0:30

A banknote explains inflation

Full prompt

Opus 5.5

1:30

Parenting as roots and scaffolding

Full prompt

Opus 5.5

0:42

CRM redesign with blueprint overlays

Recreation brief

Opus 5.5

1:30

French theory in archival diagrams

Recreation brief

Opus 5.5

1:30

A city AI hides incident reports

Recreation brief

Opus 5.5

1:30

Attention diagrams with bilingual lyrics

Full prompt

Opus 5.5

1:30

Bitcoin history in orange and black

Full prompt

Opus 5.5 · PostgreSQL

1:30

Morocco’s political history in panels

Partial prompt

1:30

Anthropic history in ivory and coral

Full prompt

Opus 5.5

1:30

India’s history in type and symbols

Recreation brief

@HindolSengupta

1:30

Civilizations at microscopic scales

Recreation brief

Kurzgesagt – In a Nutshell