Frame from Transformer explainer in 3Blue1Brown style
PromptFull
根据著名的attention is all you need 论文, 制作一段精美的3blue1brown style的教学视频,帮助初入AI的人理解transformer和ChatGPT(现代AI)

Make it yours. Swap the paper in "根据著名的attention is all you need 论文" and the audience in "帮助初入AI的人理解transformer和ChatGPT(现代AI)" (help AI newcomers understand Transformers and ChatGPT). Keep "3blue1brown style的教学视频" for the look.

Make it hereFree runs soon

Transformer explainer in 3Blue1Brown style

A 4:40 Chinese-language lesson that walks AI beginners through the paper "Attention Is All You Need" and on to ChatGPT. The creator says Opus 5.5 made it in one shot from a one-sentence prompt, using about 30% of their Claude quota.

How it was made

The creator describes it as an Opus 5.5 one-shot from this single sentence. The post doesn't say which app or harness ran it, or what rendered the animation.

About 30% of the creator's Claude usage quota, according to a reply in the thread.

Posted Sep 25, 2026 · X · 111 likes · 18k views · 7 comments

Prompt from: Reply on X

Prompt, posted as a reply

Look notesby Reference

A dark, grid-lined lesson that builds the Transformer one idea at a time, from next-word prediction and word vectors to queries, keys and values, the Transformer block and the decoder stack behind ChatGPT, ending on the attention formula.

Color
Deep navy-teal ground with a faint grid; cyan and gold as the main highlights, with gold, green and red pills for queries, keys and values.
Type
A serif title for the paper with a gold "2017", small numbered section labels in the top left, Chinese captions centered along the bottom, and a LaTeX-style attention formula with color-coded Q, K and V.
Framing
One centered diagram per beat on the dark grid: rows of token boxes, a bar chart of next-word probabilities, a vector plot with axes, and labeled block diagrams, each with a single caption line below.
Structure
The 2017 paper card (arXiv 1706.03762), 01 predicting the next word, 02 tokens as vectors, 03 one word with two meanings (苹果 as fruit and as phone), 04 attention with queries, keys and values, 05 multi-head attention and the Transformer block, 06 from Transformer to ChatGPT (the decoder half, × 6), then the formula and the full pipeline from text to the next word.

More like this

12:12

What is a Transformer, for high schoolers

Claude Code · Remotion

2:55

3Blue1Brown parody on how LLMs work

Claude Code

2:37

Split-screen bubble sort explainer

Claude Code · Manim

1:00

History of ice cream in newspaper cutouts

Opus 5.5

1:15

Recursion explained in nine video styles

Opus 5.5 · React

1:42

IKEA manual as a narrated 3D how-to video

Opus 5.5

4:10

Password vs passkey explainer, in Chinese

Opus 5.5

1:00

Vertical faceless explainer from your text

Partial prompt · HyperFrames

4:26

How AI coding agents actually work

Prompt described · Claude Code · Remotion

1:09

Nine football rules as TV match analysis

Claude Code · Three.js

0:22

Stickman YouTube video about charisma

Claude Code · FFmpeg

6:06

GCSE geography video on India for Year 10

Claude.ai

1:52

Atoms to mixtures, explained for 8th grade

Partial prompt · Claude Code · HTML Canvas

0:35

Five-scene explainer for a newsletter

Partial prompt · Claude.ai · HTML and CSS

6:53

Code-drawn character in six art styles

Claude Code · HyperFrames

0:58

Paper-craft explainer of Docker containers

Claude Code · Plain JavaScript

4:48

Line-art lesson on atmospheric circulation

Claude Code · SVG

0:30

Negroni recipe as a 30-second explainer

Claude Code · HTML

1:24

Talking head recut with line-art B-roll

Claude Code · Python

5:42

Five-minute explainer on T cells

Codex · Remotion

1:10

Faceless explainer on hotel staff secrets

Claude Code · FFmpeg

1:00

Artemis II flyby in mission-control style

Claude Code · HyperFrames

0:10

Active cell balancing in a battery pack

Claude Code · Remotion

9:30

Chinese science film on the history of AI

Opus 5.5 · Remotion

7:37

Narrated lesson on derivatives, in Chinese

Opus 5.5 · Manim

0:30

Pixel-game rhythm short, synced in code

Opus 5.5 · HyperFrames

1:10

Why a circle's area is πr²

Manim

14:20

History of the chip, from Edison to EUV

Opus 5.5

3:37

A six-volume chronicle of Chinese history

Opus 5.5

7:40

Nature-doc parody of programmers migrating

Opus 5.5