oh-my-mermaid: Architekturdiagramme aus Codebases mit KI generieren

X-PostTom DörrTool

Tom Dörr empfiehlt das Open-Source-Tool oh-my-mermaid (omm), das mithilfe von AI-Coding-Assistenten wie Claude Code komplexe Codebasen analysiert und in strukturierte Mermaid-Architekturdiagramme umwandelt.

Das Wichtigste

  1. oh-my-mermaid installiert CLI-Skills für KI-Coding-Tools wie Claude Code, Cursor, Codex, OpenClaw und Antigravity.
  2. Der Befehl /omm-scan analysiert Repositories rekursiv und erzeugt Perspektiven wie Struktur, Datenfluss und externe Integrationen.
  3. Ergebnisse werden im Verzeichnis .omm als Kombination aus Markdown-Dateien und Mermaid-Diagrammen (.mmd) abgelegt.
  4. Jedes Architekturelement unterstützt bis zu sieben Dokumentationsfelder: Description, Diagram, Context, Constraint, Concern, Todo und Note.
  5. Über omm view lassen sich die verschachtelten Diagramme lokal interaktiv betrachten, optional existiert ein Cloud-Sync zu ohmymermaid.com.

Warum das relevant ist

Während KI-Assistenten Code in Sekunden generieren, bleibt das menschliche Verständnis großer Codebases oft eine Hürde. Automatisierte, hierarchische Architekturübersichten im Mermaid-Format helfen Entwicklerteams, Abhängigkeiten und Komponenten ohne manuelle Dokumentationspflege nachzuvollziehen.

Einordnung

Das Projekt oh-my-mermaid setzt auf das bewährte Textdiagramm-Format Mermaid und spiegelt die Systemstruktur direkt im Dateisystem wider. Durch die Integration als Skill in Coding-Tools wie Claude Code oder Cursor wird die Architekturanalyse nahtlos in bestehende Entwicklungsumgebungen eingebunden.

Original-Post

Tom Dörr

@tom_doerr · 8. Oktober 2026

Turns complex codebases into clear architecture diagrams using Claude Code. t.co/hG9jii8q6w t.co/GyVE5ThT20

669 Likes14 Antworten1140 Lesezeichen51.187 Aufrufe

Auf X ansehen
Ausgewählte Antworten (5)
  • @piyushc_builds @tom_doerr Mermaid diagrams are the most low effort diagrams. Try this: t.co/nsDeMmquAC
  • @palak__4 @tom_doerr tried this. the diagram was cleaner than the repo
  • @aryanandutkarsh @tom_doerr This supports mermaid and a lot more diagram formats...export or embed it anywhere, plus this is animated Try this: t.co/x4lZEwRPBK t.co/1VwGRRXo5x
  • @jatingargiitk @tom_doerr how does it handle multi-language codebases? curious if claude code can follow call graphs across python, typescript, and rust in one diagram.
  • @yevloop @tom_doerr does it survive a 6 year old monorepo or does the diagram just become spaghetti art

Erwähnte Links

Links und Tools aus diesem Beitrag

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

Ähnliche Einträge

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

  • X-Post:Marco Ramilli

    Archify: Interaktive Architekturdiagramme per KI-Agent

    Marco Ramilli empfiehlt das Open-Source-Projekt Archify, das als Skill für Coding-Agenten wie Claude Code, Cursor und Codex dient und Codebasen oder Ideen in interaktive HTML-Diagramme verwandelt.

    1128Lesezeichen80.346Aufrufe

    KI & AI· Tool

  • 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

  • X-Post:Robin Ebers

    Interaktive Architektur-Visualisierung mit Claude Opus 5.5

    Robin Ebers beschreibt, wie er mit einem Prompt in Claude (Opus 5.5) eine interaktive Leinwand erzeugen ließ, um die Architektur einer schnell gewachsenen Applikation visualisieren und nachvollziehen zu können.

    219Lesezeichen4032Aufrufe

    KI & AI· Demo

  • X-Post:Trending GitHub Repositories

    diagram-design: Redaktionelle SVG- und HTML-Diagramme für KI-Coding-Agenten

    Das GitHub-Repository diagram-design von Cathryn Lavery bietet ein Plugin für Claude Code, Codex und kompatible Agenten, um 39 typografisch ansprechende Diagrammtypen als autarkes HTML und SVG zu generieren. Ziel ist der Verzicht auf unästhetische Standard-Boxen im Mermaid-Stil und aufwändiges manuelles Nachbearbeiten in Design-Tools.

    1225Lesezeichen86.333Aufrufe

    KI & AI· Tool

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

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.