A Claude Code skill: ask it "how does a certain machine work," and it turns that machine into a disassemblable 3D simulator, packaged as a single offline-ready HTML page; the machine runs in the center, panels around it display values, buttons open up working components, and the page auto-tours when no one is interacting.
Stars 1236 (+27 / 24h)
Reasons
- Includes three complete examples (V8 engine, Cessna aircraft, bionic beast) and demo GIFs for robotic bees, scorpions, and octopuses; can also record frame-by-frame timelines into 60 fps videos with procedural sound effects
- SKILL.md details how to build the machine, which rules make it look correct, and the self-check loop; the runtime, recording, and sound effect engines come from the MIT-licensed claude-motion
Usage
- Run npx skills add elvarofficial/teardown -g -a claude-code, then execute npm install && npx playwright install chromium once in the installation directory; requires Node.js 20+, ffmpeg for video recording, and Python 3 for sound effects
- Simply tell Claude Code, e.g., "Build me a simulator of a 4-stroke motorcycle engine I can take apart"; or first run node sims/build.mjs v8-live to open the example
Risks
- The README is very short and does not explain how the values and structures in the simulation are verified; you must check for accuracy against real machines before using it for teaching
- The README states MIT license (GitHub does not recognize a license file); the repository was created on 10 30