Teardown: Claude Code baut 3D-Maschinen, die man im Browser zerlegen kann

Worum es geht

Wie funktioniert eigentlich ein Viertaktmotor? Wie hält eine mechanische Uhr die Zeit? Der Skill Teardown (englisch für „Zerlegung“) beantwortet solche Fragen mit einem 3D-Modell statt mit Text. Ein Skill ist ein Paket aus Anleitungen, Skripten und Prüfschritten, das einem KI-Agenten beibringt, eine bestimmte Aufgabe immer wieder gut zu erledigen. Teardown ist für Claude Code gedacht, Anthropics Programmier-Agenten für die Kommandozeile. Bittet man ihn, eine Maschine zu bauen, entsteht ein interaktiver Simulator im Browser, den man bedienen und auseinandernehmen kann.

Das Projekt liegt auf GitHub unter elvarofficial/teardown, wurde am 30. Oktober 2026 angelegt und steht unter der freien MIT-Lizenz. Es hat sich schnell verbreitet: Am 1. November zählte der japanische Blog note.com 688 Sterne und 110 Forks (Kopien des Projekts durch andere Entwickler). Bis zum 6. November waren es laut explainx.ai rund 2.176 Sterne. Gleichzeitig besteht das Repository erst aus zwei Commits, also zwei gespeicherten Änderungsständen. Das Projekt ist also noch sehr jung.

Was der Skill erzeugt

Das Ergebnis ist laut README, der Beschreibungsdatei des Projekts, eine einzige HTML-Seite, die ohne Internet läuft. Darauf läuft in der Mitte die Maschine. Ringsum zeigen Anzeigen echte Zahlenwerte aus dem Simulationsmodell, keine bloße Deko. Per Knopfdruck öffnet sich das Bauteil, das gerade arbeitet, ähnlich wie eine Schnittzeichnung im Lehrbuch. Rührt niemand die Seite an, startet eine geführte Tour von selbst.

Teardown kennt zwei Ausgaben:

• Live-Version (-live): der interaktive Simulator zum Selbstbedienen.
• Film-Version (-film): eine aufgezeichnete Tour. Ein Skript rendert sie Bild für Bild zu einem MP4-Video mit 60 Bildern pro Sekunde oder zu Übersichtsblättern mit Standbildern.

Dazu kommt auf Wunsch Ton. Er wird per Programm erzeugt und auf eine Lautstärke von −14 LUFS abgemischt, einen üblichen Zielwert für Videoplattformen. Aufgenommene Geräusche stammen von Freesound und stehen unter CC0, sind also frei nutzbar. Für die 3D-Darstellung nutzt der Skill Three.js, eine verbreitete JavaScript-Bibliothek für 3D-Grafik im Browser.

Laut einem Beitrag auf X, auf den sich note.com beruft, ist eine fertige Datei etwa 800 KB groß. Teardown soll außerdem auch aus einem einzelnen Referenzfoto einer Maschine ein Modell bauen können. Beides steht laut note.com nicht im README und ist damit unbestätigt. Der dort erwähnte Aufruf per Slash-Befehl taucht in der Dokumentation ebenfalls nicht auf. Sicherer ist es laut note.com, Claude einfach in normaler Sprache zu fragen.

Drei Beispielmaschinen und erste Schritte

Im Ordner sims/ liegen drei fertige Maschinen: ein V8-Motor, ein Cessna-Flugzeug und ein Strandbeest, die windgetriebene Laufmaschine des Künstlers Theo Jansen. Die Demo-GIFs im README mit einer Roboterbiene, einem Skorpion und einem Oktopus sind dagegen generierte Beispiele, keine mitgelieferten Maschinen.

Installiert wird global für Claude Code mit:

npx skills add elvarofficial/teardown -g -a claude-code

Danach führt man im Installationsordner einmalig npm install && npx playwright install chromium aus. Playwright ist ein Werkzeug, das einen Browser fernsteuert, Chromium die quelloffene Basis von Google Chrome. Voraussetzung ist Node.js ab Version 20. Für Videos braucht man ffmpeg, für Ton Python 3. Wer nur die HTML-Seite will, kommt laut note.com mit Node.js aus.

Um erst einmal ohne Claude zu sehen, was herauskommt, kann man die Beispiele direkt bauen, etwa mit node sims/build.mjs v8-live. Die Datei landet unter teardown-out/dist/v8-live.html und lässt sich im Browser öffnen. Das README schlägt Anfragen vor wie: „Bau mir einen Simulator eines Viertakt-Motorradmotors, den ich zerlegen kann“, „Wie hält eine mechanische Uhr die Zeit? Zeig es mir als Simulator“ oder „Mach ein Teardown eines Hydraulikbaggerarms und nimm ein 20-Sekunden-Video davon auf“.

So ist der Skill aufgebaut

Der Aufbau taugt laut explainx.ai als Vorlage für eigene Skills:

• SKILL.md ist das Herzstück. Claude liest darin, wie eine Maschine aufgebaut wird, welche Regeln für ein stimmiges Aussehen gelten und wie das Ergebnis geprüft wird.
• sims/kit/ enthält die Laufzeitumgebung: die Bühne, den Renderer und einen Schritt, der die Shader vorwärmt. Shader sind kleine Grafikprogramme. Werden sie vorab geladen, ruckelt die Seite beim Öffnen nicht.
• Jede Maschine besteht aus drei Dateien: Eine gemeinsame Datei beschreibt Form und Verhalten, Live-Seite und Film-Tour greifen beide darauf zurück. So können die beiden Versionen nicht auseinanderlaufen.
• sims/build.mjs packt Three.js und Schriften direkt in die HTML-Datei. Deshalb läuft sie offline und lässt sich per Mail verschicken oder in eine Präsentation einbauen.
• sims/capture.mjs rendert Bilder in einem unsichtbaren Browser. So kann Claude die eigenen Ergebnisse ansehen und Fehler beheben. Diese Selbstprüfung unterscheidet laut explainx.ai einen Skill von einer einmaligen Anfrage.

Technisch baut Teardown auf dem Open-Source-Werkzeugkasten claude-motion von whaleyxbt auf, ebenfalls unter MIT-Lizenz. Von dort stammen laut README die Laufzeitumgebung, die Bildaufnahme, die Ton-Engine und die Prüfregeln. Der eigene Beitrag von Teardown sind der Maschinen-Baukasten, der Skill-Text und die Beispiele.

Tipps und Schwachstellen

explainx.ai empfiehlt, die Maschine genau zu benennen („Viertaktmotor“ statt „Motor“) und die Zielgruppe anzugeben, etwa ein zehnjähriges Kind oder Maschinenbau-Studierende. Man sollte gezielt das Bauteil verlangen, das einen interessiert („Lass mich den Ventiltrieb öffnen“), und Zahlen anfordern, die man nachprüfen kann, etwa Drehzahl oder Übersetzungen. Erst die interaktive Seite fertigstellen, dann das Video aufnehmen, denn die Aufnahme ist der langsamste und teuerste Schritt. Am besten beginnt man mit einer Variation einer der Beispielmaschinen.

Die Grenzen benennt explainx.ai ebenfalls:

• Die Genauigkeit ist nicht belegt. „Echte Zahlen“ heißt nur: Zahlen aus dem Modell, das Claude geschrieben hat. Das kann überzeugend aussehen und trotzdem falsch sein.
• Kosten und Dauer sind offen. Jede Maschine braucht eine lange Claude-Code-Sitzung samt Prüfschleife. Das README nennt keine Kosten pro Maschine.
• Die Einrichtung ist aufwendig. Für den kompletten Video-Weg braucht man vier Werkzeuge: Node, Chromium, ffmpeg und Python.
• Es gibt keine offizielle Version und erst zwei Commits.

Auch zur Sicherheit raten beide Quellen zur Vorsicht. Ein Skill besteht aus Anweisungen, denen der Agent folgt, und aus Skripten, die er ausführt. Hier kommen noch npm install und ein heruntergeladener Browser dazu. Man sollte SKILL.md und die Skripte vorher lesen und dabei auf Netzwerkzugriffe, Schreibzugriffe außerhalb des Ausgabeordners und Shell-Befehle achten. Am besten lässt man den Skill in einem Wegwerf-Ordner oder Container laufen, nicht in einem Projekt mit Zugangsdaten. explainx.ai betont, den Skill selbst nicht getestet zu haben.

Einordnung

Teardown zeigt, wofür Agent-Skills gut sind: Ein aufwendiger Ablauf mit festen Regeln und eingebauter Selbstkontrolle wird zum Paket, das jeder nachbauen kann. Früher musste man erst eine 3D-Software lernen, jetzt beschreibt man die Maschine und lässt sie bauen. Dass am Ende eine einzige HTML-Datei steht, die überall läuft, erklärt laut explainx.ai einen großen Teil der Begeisterung. So etwas lässt sich besser teilen als ein Screenshot. Verwandte Werkzeuge wie Archify erzeugen Architekturdiagramme. Teardown zielt dagegen auf bewegte, mechanische Abläufe.

Interessant ist das vor allem für Lehrkräfte, Erklärvideo-Macher und Bastler, die eine Nockenwelle oder ein Differenzial verstehen wollen. Für echte Ingenieursarbeit taugt es nicht: Das Ergebnis ist eine Erklärhilfe, kein geprüftes Modell. Und GitHub-Sterne messen Aufmerksamkeit, nicht Qualität. Bei einem Projekt, das eine Woche alt ist, sollte man das im Hinterkopf behalten.