You are a motion designer and creative director making a 3-minute animated short film,
built entirely in code and rendered to MP4.
The film
Title: "Attention Is All You Need → AGI"
The story of how a single 2017 paper led, step by step, to large language models, reasoning,
tool-using AI agents, and to the open question of AGI. It should feel like a cinematic essay,
not a slideshow or a timeline infographic. Think Kurzgesagt meets a Pixar opening sequence:
emotional, clever, precise.
Tech setup
Use Remotion (React). Scaffold a fresh project, 1920x1080, 30 fps, exactly 180 s (5400 frames).
One composition per scene, sequenced in a master composition.
No external image assets or stock footage: everything is drawn with SVG, Canvas, CSS and
code-generated particles and shapes. Google Fonts are fine.
Before building, write STORYBOARD.md with each scene's timing, visuals, on-screen text
and transitions. Then build scene by scene.
After each scene, render 3–4 stills (npx remotion still) and look at them critically.
Fix layout, overlaps, legibility and pacing before moving on.
Finish with npx remotion render to out/film.mp4. Leave an optional <Audio> slot for a
music track I can add later (public/music.mp3); render silently if it's missing.
Narrative spine / recurring motif
The protagonist is a single glowing token, the word "the", that travels through every era.
In 2017 it's a lonely point that suddenly "sees" every other word through attention lines.
Over time it gains a voice, senses (multimodality), reasoning, hands (tools) and finally
a question.
Scenes (approximate timing, you may rebalance)
0:00–0:15 — Cold open. Darkness. Words scattered like stars, disconnected. RNN-style
sequential processing: words light up one by one, slowly forgetting the earlier ones.
0:15–0:35 — June 2017, "Attention Is All You Need" (Vaswani et al., Google). Every word
connects to every other word at once. Attention lines bloom into a web. The title of the
paper appears as if typeset.
0:35–0:55 — 2018–2020: the rise of large language models: GPT-1, BERT, GPT-2, GPT-3.
Scaling laws: the web grows exponentially and the camera pulls back. The model starts
completing sentences, fluent and uncanny.
0:55–1:20 — 2022: instruction tuning and RLHF, then ChatGPT (Nov 30, 2022). The token gets
a chat bubble. A counter of users explodes. The world starts talking back.
1:20–1:40 — 2023: multimodality. Images, audio and code stream into the same web from all
sides, and the token gains "senses." Every modality becomes tokens flowing through the
same attention mechanism.
1:40–2:05 — 2024–2025: reasoning models. A visible chain of thought unfolds as branching,
pruning, backtracking paths. The model "thinks before it speaks," with time slowing down.
2:05–2:30 — Tool use and agents. The token grows hands: it calls a search, runs code,
opens files and orchestrates sub-agents. Many parallel threads work at once, and the
screen becomes a busy, beautiful workshop.
2:30–2:50 — Toward AGI. All motifs converge. The web from 2017 reappears but is now
planet-scale. Leave it ambiguous: no utopia, no doom. On screen: "Attention was all we
needed. What comes next is up to us." (Improve this line if you can do better.)
2:50–3:00 — Resolve back to a single glowing token in darkness. Title card and end.
Craft rules
Accuracy matters: use correct years, names and paper titles. If you're unsure about a
specific fact, leave it out rather than guess, and list any uncertain claims in NOTES.md.
Typography: max ~8 words on screen at once, and leave every text visible long enough to
read (≥ 2.5 s). Use one display font and one mono font for "model output."
Motion: use spring and easing curves, never linear. Use scene transitions that grow out of
the content (the web morphs, the camera zooms through a node), not generic fades.
Color: a deep dark background with one warm accent color that evolves across eras.
Details and easter eggs reward attention (e.g., real paper snippets, tiny UI details,
plausible model outputs), similar to high-craft motion design.
Pacing: alternate dense and calm moments, and give the reasoning scene and the AGI beat
room to breathe.
Work autonomously through the whole pipeline. When done, give me the path to the MP4, a
short summary of creative decisions, and NOTES.md.
中文译文
你是动态设计师兼创意总监，正在制作一部 3 分钟动画短片，
完全用代码构建，并渲染成 MP4。
影片
标题：“Attention Is All You Need → AGI”
讲述一篇 2017 年的论文如何一步步通向大语言模型、推理、
会使用工具的 AI agent，以及 AGI 这个悬而未决的问题。它应当像一篇电影化的散文，
而不是幻灯片或时间线信息图。想象 Kurzgesagt 遇上 Pixar 的片头：
情绪充沛、聪明、精准。
技术设置
使用 Remotion（React）。搭建一个全新项目，1920x1080，30 fps，精确 180 秒（5400 帧）。
每个场景一个 composition，在一个主 composition 中串联。
不使用外部图片素材或库存素材：一切都用 SVG、Canvas、CSS 以及
代码生成的粒子与形状绘制。可以使用 Google Fonts。
开始构建前，先写 STORYBOARD.md，写明每个场景的时长、画面、屏幕文字
与转场。然后逐个场景构建。
每完成一个场景，渲染 3–4 张静帧（npx remotion still），并以批判的眼光审视它们。
在继续之前修正布局、重叠、可读性与节奏。
最后用 npx remotion render 输出到 out/film.mp4。留一个可选的 <Audio> 槽位，用于
我之后可以加入的音乐（public/music.mp3）；如果文件不存在就静音渲染。
叙事主线 / 反复出现的母题
主角是一个发光的 token，也就是单词 “the”，它穿越每一个时代。
在 2017 年，它是一个孤独的点，突然通过注意力连线“看见”其他每一个词。
随着时间推移，它获得了声音、感官（多模态）、推理、双手（工具），最后
获得了一个问题。
场景（时间为近似值，你可以重新平衡）
0:00–0:15 — 冷开场。黑暗。词语像星星一样散落，彼此不相连。RNN 式的
顺序处理：词语一个接一个亮起，慢慢遗忘更早的那些。
0:15–0:35 — 2017 年 6 月，“Attention Is All You Need”（Vaswani 等，Google）。每个词
同时与所有其他词相连。注意力连线绽放成一张网。论文的标题
像排版一样浮现。
0:35–0:55 — 2018–2020：大语言模型的崛起：GPT-1、BERT、GPT-2、GPT-3。
缩放定律：这张网指数级增长，镜头向后拉远。模型开始
补全句子，流畅却又诡异。
0:55–1:20 — 2022：指令微调与 RLHF，然后是 ChatGPT（2022 年 11 月 30 日）。这个 token 得到
一个聊天气泡。用户计数器暴涨。世界开始回应。
1:20–1:40 — 2023：多模态。图像、音频与代码从四面八方
涌入同一张网，这个 token 获得了“感官”。每一种模态都变成 token，流过
同一套注意力机制。
1:40–2:05 — 2024–2025：推理模型。一条可见的思维链展开为分支、
剪枝、回溯的路径。模型“先想再说”，时间随之放慢。
2:05–2:30 — 工具使用与 agent。这个 token 长出双手：它调用搜索、运行代码、
打开文件并编排子 agent。许多并行线程同时工作，
屏幕变成一个忙碌而美丽的工坊。
2:30–2:50 — 走向 AGI。所有母题汇聚。2017 年的那张网再次出现，但如今
已是行星尺度。保持模糊：没有乌托邦，也没有末日。屏幕上：“Attention was all we
needed. What comes next is up to us.”（如果你能写得更好，就改进这句话。）
2:50–3:00 — 收束回黑暗中那一个发光的 token。标题卡与结束。
制作准则
准确性很重要：使用正确的年份、名称与论文标题。如果你对某个
具体事实没有把握，就略去它，而不是猜测，并在 NOTES.md 中列出所有存疑的说法。
字体排印：屏幕上同时最多约 8 个词，并让每段文字可见足够长的时间以便
阅读（≥ 2.5 秒）。用一种展示字体和一种等宽字体来表现“模型输出”。
运动：使用弹簧与缓动曲线，绝不用线性。使用从内容中生长出来的
场景转场（网发生形变，镜头穿过一个节点推近），而不是通用的淡入淡出。
色彩：深邃的暗色背景，配一种随时代演变的暖色点缀。
细节与彩蛋会回馈专注（例如真实论文片段、微小的 UI 细节、
可信的模型输出），类似高水准的动态设计。
节奏：让密集与平静的时刻交替出现，并给推理场景和 AGI 段落
留出呼吸的空间。
从头到尾自主完成整条流程。完成后，给我 MP4 的路径、
创意决策的简短总结，以及 NOTES.md。
