Animation

What Is a Transformer — Animated JS Explainer

宝玉

@dotey · 251.3K followers

1.3Klikes

182.7Kviews

265reposts

1.7Kbookmarks

Sep 26, 2026

View original post ↗

A fully animated video built in JavaScript by @dotey using Claude Code + Opus 5.5 — from a single prompt. The film explains Transformer architecture for high schoolers: high-level intuition, attention mechanisms, and actual math, all rendered as a cinematic dark-mode animation with a starfield opening. The prompt asked Claude to "surprise me," and it did — installing tools, searching the web, and producing a polished video without further guidance.

Built from one prompt: "make me a JS video about Transformers — surprise me"
Covers attention mechanisms and mathematical concepts, not just high-level fluff
Claude Code autonomously installed tools and searched the web to produce the final film

“《什么是 Transformer》由 Claude Code + Opus 5.5 制作 --- 提示词 --- 帮我用js制作一个视频，主题是：什么是 Transformer 要深入浅出，让高中生也能看得懂，不仅high level说的清楚，也要有细节，包括注意力机制，甚至一些数学概念你可以用任何工具或者安装工具，可以联网检索请给我惊喜”
— @dotey

javascript animation explainer one-shot claude-code education dark-mode animated bold-typography