Mechanical keyboard switch anatomy explained in 3D
2.0K views · 8 likes · 8 saves · 0 reposts · Posted Sep 26, 2026 · 0:35 · Explainers
OUR NOTEA 3D explainer on how mechanical keyboards work, showing a switch's anatomy, a bold red 'Linear' card with a force graph, and a full keyboard, built in Three.js with code-written music and real switch sounds cut to the beat.
Asked claude Opus 5.5 to make an explainer on how a mechanical keyboard works.
It wrote the music in code, used real switch recordings as the beats, built the 3D in @threejs and timed every cut to the beat.
No stock footage. no editing app.
What a time to be alive!THE PROMPT
Partial prompt — the creator shared only part of it.
Asked claude Opus 5.5 to make an explainer on how a mechanical keyboard works.
It wrote the music in code, used real switch recordings as the beats, built the 3D in @threejs and timed every cut to the beat.
No stock footage. no editing app.
What a time to be alive!MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 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.
Indexed Sep 30, 2026, 2:01 PM · Views as of indexing. Video and post © their creator.