Crayon-shaded squares prove the Pythagorean theorem
35.9K views · 38 likes · 12 saves · 7 reposts · Posted Sep 23, 2026 · 0:39 · Explainers
OUR NOTEA picture-book crayon explainer of the Pythagorean theorem, rearranging four triangles around a² and b²; Opus 5.5 made it in JavaScript from a one-line request for a 30-second video.
Claude Opus 5.5に「30秒くらいのピタゴラスの定理の解説動画をJavaScriptで作って（絵本風、クレヨン手書き風）」と指示してできたものTHE PROMPT
The creator didn't publish a prompt for this one. The post text is below.
MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
This creator didn't share a prompt. Start from our template instead.
PROMPT TEMPLATE → - 2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
- 3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Claude Opus 5.5に「30秒くらいのピタゴラスの定理の解説動画をJavaScriptで作って（お化けの参照画像は使ってもよい）」と指示してできたもの
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.