Vergiss Boxen: Lass das Konzept lebendig werden
Jedes Diagramm-Tool, das du jemals benutzt hast, zeichnet Boxen und Pfeile. Diese neue KI-Fähigkeit namens Anatomy hat eine Regel: Tu das nicht. Die Grundidee ist, dass ein herkömmliches Diagramm nur zeigt, was existiert, während eine physische Maschine zeigen kann, wie sich ein Mechanismus verhält.
Anatomy lässt die KI eine physische Maschine erfinden, deren Mechanismus dein Konzept widerspiegelt. Ein Cache-Key wird zu einem Stiftzuhaltungsschloss, bei dem der richtige Schlüssel die Stifte ausrichtet, um die Tür zu öffnen. Ein TCP-Handshake sind Briefe, die an einem Seil weitergereicht werden, und ein LRU-Cache demonstriert Zustandsänderungen während des Betriebs.
Dies sind keine statischen Bilder. Anatomy rendert eine interaktive Maschine, die du anstupsen und untersuchen kannst. Dies ist ein entscheidender Unterschied zu Tools wie Mermaid, D2, Excalidraw oder anderen Architektur-Diagramm-Fähigkeiten.
Diese Tools zeichnen Topologien und bilden ab, was mit was in einem gesamten System verbunden ist. Anatomy hingegen erklärt einen Mechanismus – wie eine einzelne Sache funktioniert. Es baut ein präzises, kleines Modell, um diesen spezifischen Prozess zu beleuchten, anstatt die Architektur eines ganzen Systems abzubilden.
Der clevere Teil passiert vor dem Zeichnen
Das wahre Genie von Anatomy liegt in seinem „Truth First“-Ansatz. Der KI-Agent beginnt nicht einfach mit dem Zeichnen; er sammelt zuerst alle Regeln und Werte und erstellt dann ein kleines, reines mathematisches Modell davon, wie sich das Konzept verhält. Erst nach dieser rigorosen Modellierung plant und zeichnet er die Visualisierung.
Das bedeutet, dass interaktive Anzeigen auf dem Bildschirm direkt mit diesem zugrunde liegenden Modell verknüpft sind und nicht nur vorgetäuscht werden. Wenn du ein Steuerelement in einem Anatomy-Diagramm änderst, löst du keine dekorative Animation aus; du aktualisierst den tatsächlich demonstrierten Zustand basierend auf den Berechnungen des Modells.
Geometrische Selbstprüfungen sind ebenfalls integriert. Das System kann bestätigen, dass sich keine Teile überschneiden oder dass Verbindungen dort landen, wo sie sollten. Es stellt sogar die korrekte isometrische Z-Reihenfolge sicher.
Es gibt jedoch eine entscheidende Validierungsgrenze: Diese Prüfungen verifizieren nur das Bild, nicht die Fakten. Der Agent kann bestätigen, dass die Geometrie korrekt ist, aber er kann nicht feststellen, ob die Fakten oder die Metapher selbst wirklich akkurat sind. Eine Erklärung ist nur so wahr wie ihre Analogie. Deshalb solltest du die Metapher immer lesen, bevor du der Zeichnung vertraust.
Von Connection Pools bis zu Raketentriebwerken
Also, wie benutzt man dieses Ding eigentlich? Du gibst dem Agenten ein Konzept und dessen Verhalten vor und fügst Anweisungen wie „interaktiv“ hinzu. Die Demo im Video modelliert zum Beispiel einen Database Connection Pool mit zehn Verbindungen und zeigt, wie diese ausgeliehen, zurückgegeben und in eine Warteschlange gestellt werden, wenn alle belegt sind.
Anatomy wird mit mehreren integrierten Beispielen geliefert, die seine Bandbreite zeigen. Dazu gehören eine einfache Skalenanzeige, ein interaktiver Computer, auf dessen Bildschirm man tippen kann, und ein detailliertes Raptor-Raketentriebwerk, das in 11 Baugruppen explodiert, inklusive einer WebGL-Abgasfahne. Dies demonstriert, wie es von einfachen Geräten bis zu komplexen Systemen skaliert.
Anatomy ist eine Open-Source-Agentenfähigkeit für kompatible Coding-Agenten wie Claude Code, OpenAI Codex, OpenCode und Antigravity. Du kannst es mit npx oder durch Klonen des Repositorys installieren. Weitere Details findest du unter GitHub - wheresryan22/anatomy: An agent skill for creating detailed, interactive isometric illustrations.
Der Output ist eine eigenständige HTML/SVG-Datei oder eine React-Komponente, die Sie mit Optionen wie dark mode oder WebGL steuern können. Dies bedeutet, dass Entwickler diese dynamischen Visualisierungen einfach in Dokumentationen, Blog-Posts oder Landingpages einbetten können, wodurch abstrakte Konzepte wirklich interaktiv werden.
Gefällt Ihnen der Artikel? Erhalten Sie jeden Morgen einen wie diesen per E-Mail.
eine E-Mail pro Tag · Abmeldung mit zwei Klicks · kein Tracking durch Dritte
Eine brillante Erklärung – mit Token-Verbrauch
Die brillanten Erklärungen von Anatomy haben ihren Preis. Das Generieren einer interaktiven Grafik ist keine schnelle Whiteboard-Skizze; rechnen Sie mit erheblichem Zeitaufwand und Token-Verbrauch. Eine "normale" Grafik kann 30 bis 90 Minuten dauern, während ein "Epic"-Render 2 bis 4 Stunden oder bei hochkomplexen Designs sogar über 48 Stunden in Anspruch nehmen kann. Die Schätzungen variieren stark, planen Sie Ihr Budget bei nutzungsabhängigen Tarifen also entsprechend.
Dieses Tool glänzt bei spezifischen Anwendungsfällen, bei denen eine einzigartige, interaktive Erklärung den Aufwand rechtfertigt. Ziehen Sie es in Betracht für:
- Technische Dokumentation
- Vermittlung komplexer Konzepte
- Produkt-Landingpages
- Ansprechende Blog-Posts
Betrachten Sie den Output immer mit kritischem Auge. Überprüfen Sie die zugrunde liegende physikalische Metapher: Ist sie wirklich korrekt? Testen Sie die Interaktion selbst. Planen Sie Budget für Überarbeitungen ein, da die Selbstprüfungen der KI die geometrische Integrität verifizieren, nicht die faktische Korrektheit der Analogie. Eine visuelle Prüfung ersetzt keine gründliche fachliche Überprüfung.
Häufig gestellte Fragen
Was ist die Anatomy AI Skill?
Anatomy ist eine Open-Source-Agenten-Skill, die interaktive, illustrierte Maschinen erstellt, um das Verhalten technischer Konzepte zu erklären.
Wie unterscheidet sich Anatomy von Mermaid-Diagrammen?
Mermaid bildet Komponenten und Verbindungen ab; Anatomy baut eine physikalische Metapher, die einen Mechanismus modelliert und auf Interaktion reagieren kann.
Was generiert Anatomy?
Es kann eine eigenständige HTML-Seite mit SVG-Visualisierungen oder eine einbettbare React-Komponente produzieren, optional mit WebGL oder experimentellem 3D.
Ist Anatomy schnell oder kostengünstig in der Anwendung?
Nicht unbedingt. Komplexe Grafiken können lange Agenten-Läufe und erhebliche Token-Mengen erfordern; prüfen Sie daher vor Beginn den Umfang und die Kosten.
Kann Anatomy überprüfen, ob seine Erklärung korrekt ist?
Es kann Aspekte der Geometrie und Interaktion testen, aber diese Prüfungen beweisen nicht, dass die gewählte Metapher oder technische Erklärung korrekt ist.