Anatomy: Agent-Skill für isometrische SVG- und WebGL-Visualisierungen

Repositorywheresryan22/anatomyTool

Anatomy ist ein Open-Source-Skill für Claude Code, OpenCode und Codex, der abstrakte technische Konzepte als detaillierte physische Maschinen visualisiert. Das Tool generiert interaktive isometrische Grafiken auf Basis von SVG, optionalen WebGL-Shadern und 3D-Effekten.

Das Wichtigste

  1. Agent-Skill, der mit Claude Code, OpenCode, Codex und dem Agent-Skills-Standard kompatibel ist.
  2. Erzeugt interaktive isometrische Illustrationen aus SVG, ergänzt durch WebGL-Shader und 3D-Effekte.
  3. Setzt technische Software- oder Hardware-Konzepte in funktionale physische Analogien um (z. B. Cache-Keys als Zylinderschloss).
  4. Besitzt keine externen Abhängigkeiten (Zero Dependencies) und setzt Node.js ab Version 20.10 voraus.
  5. Veröffentlicht unter der MIT-Lizenz mit über 6.500 GitHub-Sternen.

Warum das relevant ist

Abstrakte Architekturen und Algorithmen sind in Textform oder einfachen Box-Diagrammen oft schwer zu vermitteln. Indem AI-Coding-Assistenten Konzepte direkt in detaillierte, interaktive visuelle Modelle übersetzen können, verbessert sich die technische Dokumentation und Erklärung komplexer Software-Systeme deutlich.

Einordnung

Das Projekt Anatomy adressiert das Problem trockener und oft generischer Diagramme in der Softwareentwicklung. Technisch basiert es auf reinem JavaScript ohne zusätzliche Abhängigkeiten und kombiniert Vektorgrafiken (SVG) für präzise Bauteile mit WebGL für dynamische Shader-Effekte. Die Zielgruppe umfasst Entwickler, Architekten und technische Autoren, die LLM-gestützte Coding-Agenten wie Claude Code einsetzen. Mit mehr als 6.500 Stars, stabiler CI-Integration und Zero-Dependency-Design präsentiert sich das Projekt als bereits weit verbreitetes und ausgereiftes Hilfswerkzeug im aufstrebenden Ökosystem der Agent-Skills.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 13. Oktober 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • X-Post:Meng To

    Anatomy: Agent-Skill für animierte, isometrische SVG-Erklärungen

    Meng To demonstriert das Open-Source-Agent-Skill 'Anatomy' von Entwickler Ryan (@wheresryan22). Damit können KI-Coding-Assistenten wie Claude Code interaktive, isometrische SVG- und WebGL-Visualisierungen erzeugen.

    3419Lesezeichen101.470Aufrufe

    KI & AI· Tool

  • X-Post:Guillermo Rauch

    Anatomy: Interaktive 3D-Modelle per Prompt für Claude

    Guillermo Rauch teilt das Open-Source-Projekt Anatomy von Entwickler R (@wheresryan22). Das Tool lässt sich als Agent-Skill für Claude installieren und generiert aus einzeiligen Beschreibungen interaktive, dreidimensionale Drahtgittermodelle von Maschinen.

    2245Lesezeichen218.525Aufrufe

    KI & AI· Demo

  • Repository:tt-a1i/archify

    Archify: Interaktive Architektur- und Systemdiagramme für KI-Coding-Agenten

    Archify ist ein quelloffenes Node.js-Rendering- und Validierungssystem, das als Skill für Coding-Agenten wie Cursor, Claude Code, Codex CLI und OpenCode dient. Agenten erzeugen eine typisierte JSON-Zwischendarstellung (IR), die Archify deterministisch in interaktive, eigenständige HTML- und SVG-Dateien sowie Bild- und Videoformate kompiliert.

    45.490SterneJavaScript

    KI & AI· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.