Mechanical keyboard switch anatomy explained in 3D
2K views·8 likes·8 saves·Posted 26 Sept 2026 · 0:35 · Explainers
Our note
A 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.
The creator’s post
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
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
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
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, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
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 →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth