帮我用js制作一个视频，主题是：什么是 Transformer 要深入浅出，让高中生也能看得懂，不仅high level说的清楚，也要有细节，包括注意力机制，甚至一些数学概念 你可以用任何工具或者安装工具，可以联网检索 请给我惊喜
Make it yours. Replace "Transformer" with your topic and "高中生" (high-school students) with your audience. The creator's own tip: change "js制作" (make with JS) to "js画" (draw with JS) for more animation and less of a slide-deck look.
What is a Transformer, for high schoolers
A 12-minute Chinese-language explainer of the Transformer, from the big picture down to attention and the math, pitched at high-school students. Claude Code with Opus 5.5 made it one-shot, choosing Remotion, KaTeX for formulas, and free Edge TTS.
How it was made
Run on xhigh effort. The agent found and used edge-tts, which reaches Microsoft Edge's free voices, and rendered the formulas with KaTeX in Remotion. The creator didn't track usage and says it wasn't much.
Posted Sep 26, 2026 · X · 1.3k likes · 188k views · 77 comments
Prompt from: Post body
Look notesby Reference
A diagram-led lesson on dark navy. Glowing outlined cards, word tokens, and small charts walk through attention one step at a time, with Chinese headings and subtitles.
- Color
- Deep navy with neon outlines in orange, teal, pink, and violet; white text, yellow highlights, and bar charts in the same accent colors.
- Type
- Chinese headings centered at the top with key terms in color, small numbered chapter tags at the top left, typeset formulas, and white Chinese subtitles at the bottom.
- Framing
- Centered diagrams with generous margins: a row of word tokens linked by arcs, a three-step flowchart, vectors on axes, tables of numbers with bars, and a triangular mask grid.
- Sound
- Narration with edge-tts, which the agent found and chose itself, according to the creator.
- Structure
- A pronoun puzzle (does 它 mean the cat or the table?), the three-step overview of a Transformer, a three-minute math class on the dot product, Query, Key, and Value as three roles, a worked attention calculation with √d scaling and softmax, why divide by √d, a full layer with attention, add & norm, and feed-forward, the causal mask (不许偷看, no peeking), and back to the puzzle, where attention arcs point 它 to the cat in one sentence and to the table in the other.
