Skip to main content

teardown

Build an interactive 3D simulator of a real machine or mechanism (an engine, a landing gear, a walking linkage, a pump, a gearbox) as one offline HTML page people can take apart, with live panels driven by the same model that moves the parts, a button for every subsystem, cutaways, camera views and an auto tour that hands control to the visitor; then record it frame by frame to a 60 fps video with a synced procedural score. Use when someone asks how a machine works, wants a "visual explainer", a "simulator", a "cutaway", an "exploded view" or an "interactive 3D lesson", or wants a 3D object shown working rather than described.

Quellinformationen

Repository
elvarofficial/teardown
Letzte Quellaktivität
31. Oktober 2026 um 14:01
Erkannte Sprache von SKILL.md
Englisch
Sterne
3.188
Forks
479

teardown: interactive 3D machine sim

Builds one offline HTML Three.js simulator of a real machine you can take apart, with live gauges from the same model and optional filmed tours.

Examples

Shipped examples: V8 engine, Cessna 337 landing gear, Strandbeest (build v8-live / cessna-live / strandbeest-live). Author X Article (plain_text) also links browser demos at visual-learning.app; author showcase, not a SkillsMP run.

Uses

Use when you want a visual explainer, cutaway, exploded view, or interactive 3D lesson for a mechanism with moving parts. Prefer a photo, cutaway, or clip as reference—not a machine invented from a sentence alone.

Prerequisites

Node.js 20+. In the skill folder: npm install and Playwright Chromium. Live HTML needs nothing else. Optional video needs ffmpeg; procedural score needs Python 3. Agent host that can run the skill (author demos Claude Code).

How to use

Provide the machine plus a reference and real dimensions → skill writes kinematics as pure functions of one input, then geometry, studio, console panels, and live/film scripts → build with sims/build.mjs to an offline HTML under teardown-out → optionally capture 60 fps frames, synthesize score, mux with ffmpeg → review still sheets before calling it done.

Limitations

Treat generated pages as untrusted code; review before serving. Video/sound path is optional. Author Article/README marketing says “any machine”; the skill itself requires real units, one driving input, and a reference. Integrated-GPU quality tiers matter. SkillsMP did not execute this skill.

Installationsoptionen

Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.

Quelldateien prüfen

Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.

SKILL.md wird angezeigt

SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau
nameteardown
descriptionBuild an interactive 3D simulator of a real machine or mechanism (an engine, a landing gear, a walking linkage, a pump, a gearbox) as one offline HTML page people can take apart, with live panels driven by the same model that moves the parts, a button for every subsystem, cutaways, camera views and an auto tour that hands control to the visitor; then record it frame by frame to a 60 fps video with a synced procedural score. Use when someone asks how a machine works, wants a "visual explainer", a "simulator", a "cutaway", an "exploded view" or an "interactive 3D lesson", or wants a 3D object shown working rather than described.