Was ist Anatomy?
Anatomy ist ein Agent Skill, ein Ordner mit einer SKILL.md-Datei, der einem Coding-Agenten beibringt, erklärende Abbildungen zu zeichnen. Bittest du ihn, ein Konzept zu erklären, erfindet er ein physisches Objekt, dessen Funktionsweise das Konzept ist, zum Beispiel ein Stiftzylinderschloss für einen Cache-Schlüssel, der nur passt, wenn jede Eingabe passt, und baut es dann in isometrischer Ansicht aus Dutzenden kleiner schattierter Teile, in einer Karte mit Titel, Hinweis und Live-Anzeige.
Die Abbildungen entstehen als eigenständiges HTML, als einzelne SVG-Datei oder als React/Next.js-Komponenten, in hellem und dunklem Theme, mit optionalen WebGL-Shadern für Feuer, Wasser und Licht und einem 3D-Modus in der Beta. Der Skill prüft seine eigene Ausgabe, indem er an Verbindungsstellen heranzoomt. Sein Kit nutzt nur die eingebauten Module von Node, also gibt es keine API-Schlüssel oder Pakete zu installieren.
Er wird mit `npx skills add wheresryan22/anatomy -g` installiert und läuft in Claude Code, Codex, OpenCode, Antigravity und MiniMax Code. Er steht unter MIT; Version 1.1.0 erschien am 12. Oktober 2026.
Lohnt sich Anatomy?
Anatomy zeigt, was ein Skill tragen kann, das ein Prompt nicht kann. Seine SKILL.md legt einen Ablauf fest (die echten Zahlen sammeln, das Objekt erfinden, eine Teileliste schreiben, die Geometrie einmal bauen, von hinten nach vorn malen, dann prüfen), und ein Kit ohne Abhängigkeiten übernimmt das Zeichnen: eine isometrische Kamera, Helfer für runde Teile und Rohre, eine WebGL-Schicht und React-Komponenten. Was zurückkommt, ist Quellcode, der dir gehört, ein Node-Build-Skript und die Seite, die es schreibt, kein Bild aus einem Modell, das du nicht bearbeiten kannst.
Seine Prüfung ist strenger, als die meisten Skills es versuchen. Das Audit des Kits weist nach, dass nichts durch etwas anderes hindurchgeht und jedes Ende auf einer Halterung sitzt; Skripte mit Headless Chrome machen Nahaufnahmen und lassen jede Linie durchfallen, die in der Luft endet, und der Agent wird angewiesen, jedes PNG zu lesen, das er erzeugt. Diese Gründlichkeit ist zugleich die Rechnung. Das README nennt ihn absichtlich langsam: Das Beispiel mit dem Raptor-Triebwerk braucht schon für den Build ein paar Minuten, und ein vollständiges 3D-Orbit-Audit dauert für 30 Teile 15 bis 20 Minuten. Token-Zahlen pro Abbildung werden nicht veröffentlicht, also muss ein Team selbst messen.
Die Bandbreite ist bewusst schmal. Es gibt keine Achsen oder Datenreihen, er zeichnet keine Menschen und keine exakten Karten, und eine Idee ohne baubaren Mechanismus fällt schwächer aus. Der 3D-Modus ist eine Beta, erprobt an seinem eigenen Beispiel und einer Testabbildung; ein Stresstest mit 380 Teilen lief bei 1.440 Pixeln Breite mit etwa 20 Bildern pro Sekunde. In Codex kann die Sandbox die Headless-Chrome-Prüfungen stoppen, sodass eine Abbildung gebaut, aber ungeprüft bleibt, bis jemand den Befehl freigibt.
Das Projekt ist außerdem sehr neu. Version 1.0.0 erschien am 10. Oktober 2026 und 1.1.0 zwei Tage später, also messen seine 19.000 Sterne eher Aufmerksamkeit als Bewährung. (Offenlegung: Die erklärenden Abbildungen auf unseren Seiten zum KI-Stack wurden mit seinem Kit gezeichnet.) Gegenüber einem Mermaid-Diagramm, das Minuten dauert und mit beschrifteten Kästen erklärt, verlangt Anatomy eine lange Sitzung und liefert eine Abbildung, deren bewegliche Teile das Erklären übernehmen: ein fairer Tausch für das Aufmacherbild einer Launch-Seite, ein schlechter für interne Dokumentation, die sich jede Woche ändert.
Wo es sich lohnt
Ein Developer-Relations-Engineer bei einem API-Unternehmen
Rate Limiting auf der Einstiegsseite der Dokumentation mit etwas erklären, mit dem Leser interagieren können
/anatomy mit der echten Bucket-Größe und Nachfüllrate aufrufen; der Skill erfindet das Objekt, baut es mit dem Kit und schreibt eine eigenständige HTML-Seite zum Committen. Rechne mit einer langen Agentensitzung pro Abbildung in einem bestehenden Claude-Code- oder Codex-Plan; die Lizenz kostet nichts.
Eine Frontend-Engineer, die eine Dokumentationsseite mit Next.js pflegt
Eine interaktive Abbildung ergänzen, ohne eine Diagramm- oder Animationsbibliothek einzubinden
React-Ausgabe anfordern: Geometriemodule, eine Server-Komponente für das statische Bild und eine Client-Komponente für die Bewegung. Nur React 18+ ist nötig, und bei reduzierter Bewegung steht die Abbildung still, sodass Einstellungen zur Barrierefreiheit respektiert werden.
Ein Content-Lead bei einem Infrastruktur-Start-up mit 30 Leuten
Ein markantes Aufmacherbild für einen Launch-Beitrag bekommen, ohne einen Illustrator zu beauftragen
Ein Engineer führt den Skill aus und iteriert im Gespräch, also sind die Kosten die Agentennutzung und die Sitzung dieses Engineers statt eines Illustratorhonorars. Abbildungen lassen sich auch als A4-Poster drucken. Das Risiko ist ein Konzept ohne physischen Mechanismus, das laut README schwächer ausfällt.
Bevor du dich festlegst
- Einrichtung
- Mit `npx skills add wheresryan22/anatomy -g` installieren (Version 1.7.1 der skills-CLI will Node 22.20+) oder per git clone in den Skills-Ordner des Agenten; kopiert werden etwa 10 MB samt Beispielen. Das Kit braucht Node 20.10+ und für die Selbstprüfungen Chrome oder Chromium.
- Integrationen
- Claude Code, Codex (aufgerufen als $anatomy), OpenCode, Antigravity und MiniMax Code über das Agent-Skills-Format. Ausgabe als eigenständiges HTML, einzelnes SVG, React/Next.js-Komponenten oder A4-PDFs über scripts/print.mjs.
- Daten und Datenschutz
- Keine API-Schlüssel; Kit und Prüfungen laufen auf deinem Rechner, und Prompts gehen nur an das Modell, das dein Agent ohnehin nutzt. Das Veröffentlichen in der Community-Galerie ist optional und öffnet einen GitHub-Pull-Request erst, nachdem du bestätigt hast, was gesendet wird.
- Kosten im großen Maßstab
- Kostenlos unter MIT. Die echten Kosten sind Agentennutzung: Jede Abbildung ist eine lange Sitzung mit Bauen, Prüfen und Screenshots in beiden Themes, und das Projekt veröffentlicht keine Token-Zahlen, also plane anhand einer Probeabbildung in deinem eigenen Plan.
- Grenzen
- Keine Diagrammbibliothek; keine Menschen oder exakten Karten. Shader brauchen WebGL (das SVG bleibt ohne lesbar), der 3D-Modus ist eine Beta, und ein vollständiges 3D-Orbit-Audit dauert für 30 Teile 15 bis 20 Minuten.
Was gut ist
- Prüft seine eigene Geometrie und Screenshots
- Liefert bearbeitbaren Quellcode: HTML, SVG oder React
- Keine npm-Abhängigkeiten; nur Node 20.10+
- Läuft über Agent Skills in fünf Coding-Agenten
Was nicht
- Lange Sitzungen; keine Token-Kosten pro Abbildung veröffentlicht
- Keine Diagramme, Menschen oder Karten
- 3D-Modus in der Beta, etwa 20 fps bei einer Abbildung mit 380 Teilen
- Die Codex-Sandbox kann die Chrome-Prüfungen blockieren
Am besten für
Technical Writer und Entwickler, die interaktive erklärende Abbildungen für Dokumentation, Beiträge und Landingpages wollen.
Alternativen zu Anatomy
Anatomy: häufige Fragen
- Lohnt sich Anatomy?
- Ein Skill, der aus einem Konzept eine Maschine macht, bei der Leser innehalten und herumspielen, und der dafür mit langen, tokenhungrigen Sitzungen bezahlt werden will. Wir bewerten es mit 4.0 von 5.
- Was kostet Anatomy?
- Kostenlos und Open Source unter MIT. Läuft über das Agenten-Abo oder die API, die du ohnehin nutzt.
- Welche Nachteile hat Anatomy?
- Lange Sitzungen; keine Token-Kosten pro Abbildung veröffentlicht; Keine Diagramme, Menschen oder Karten; 3D-Modus in der Beta, etwa 20 fps bei einer Abbildung mit 380 Teilen; Die Codex-Sandbox kann die Chrome-Prüfungen blockieren.
- Für wen eignet sich Anatomy?
- Technical Writer und Entwickler, die interaktive erklärende Abbildungen für Dokumentation, Beiträge und Landingpages wollen.
- Was kostet Anatomy für ein Team oder im Produktivbetrieb?
- Kostenlos unter MIT. Die echten Kosten sind Agentennutzung: Jede Abbildung ist eine lange Sitzung mit Bauen, Prüfen und Screenshots in beiden Themes, und das Projekt veröffentlicht keine Token-Zahlen, also plane anhand einer Probeabbildung in deinem eigenen Plan.
- Ist Anatomy sicher für Firmendaten?
- Keine API-Schlüssel; Kit und Prüfungen laufen auf deinem Rechner, und Prompts gehen nur an das Modell, das dein Agent ohnehin nutzt. Das Veröffentlichen in der Community-Galerie ist optional und öffnet einen GitHub-Pull-Request erst, nachdem du bestätigt hast, was gesendet wird.
- Was sind die besten Alternativen zu Anatomy?
- Die nächsten Alternativen, die wir getestet haben, sind Anthropic Skills, fireworks-tech-graph und OpenDesign.
Antworten geprüft am 22. Okt. 2026.