Mindwalk: Visualisiere deine gesamte Codebasis als 3D-Karte

원제 · This is basically an X-ray for your codebase...

4:583분 읽기Better Stack2026. 07. 30.컴퓨터/소프트웨어 · AI/미래기술

핵심 요약

MindWalk schließt die Informationslücke zwischen KI-Codeänderungen und Entwicklerverständnis, indem es Log-Dateien von Claude Code und Codex als interaktive 3D-Stadtkarte mit Zeitleisten-Analyse aufbereitet.

하이라이트

  • MindWalk visualisiert die gesamte Codebasis als dunkle 3D-Stadt, in der jedes Gebäude für eine Datei steht und dessen Höhe von der Zeilenanzahl abhängt.

  • Die Anwendung nutzt kühle Farben wie Moosgrün und Blau für reine Lesevorgänge des Agenten sowie warme Amber-Töne für aktive Codeänderungen.

  • Ein einzelnes Go-Binary liest lokal gespeicherte Sitzungsprotokolle von Claude Code sowie Codex und rendert die Szene im Browser mittels Three.js.

  • Der integrierte Analyse-Befehl bewertet den Durchlauf des KI-Agenten über ein lokales LLM und generiert anklickbare Links zu spezifischen Zeitpunkten der Zeitleiste.

  • Der Befehl 'Map' erstellt eine 3D-Stadtkarte jedes Repositories völlig ohne vorherigen Einrichtungsaufwand.

타임라인

  1. Die unsichtbaren Denkprozesse von KI-Agenten

    KI-Agenten schreiben Codebasen autonom um. Das Überprüfen dieser Änderungen beschränkt sich meist auf das Scrollen durch lange Textwände. Standard-Logs dokumentieren zwar Bearbeitungen und Befehlsausführungen, lassen jedoch unklar, welche Dateien der Agent zur Kontextgewinnung las oder ob er den vorgesehenen Projektbereich verließ.

    • Herkömmliche Logs zeigen nur geänderte Dateien, aber nicht den Orientierungsprozess des KI-Agenten.
    • Entwickler verbringen viel Zeit damit, lange Code-Änderungen manuell durch Scrollen zu überprüfen.
    • Der tatsächliche Navigationspfad vor der ersten Codezeile bleibt in Standard-Protokollen verborgen.
  2. Funktionsweise und visuelle Farbsprache von MindWalk

    Nach dem Start über die Kommandozeile rendert das Tool die Codebasis als 3D-Stadt. Die Anwendung greift direkt auf die Protokolle zu, die Claude Code und Codex auf der Festplatte ablegen. Über eine Zeitleiste lässt sich der genaue Weg der KI nachverfolgen. Symbole markieren zusätzlich den Start von Sub-Agenten, Kontext-Komprimierungen und manuelle Benutzereingriffe.

    • MindWalk übersetzt Code-Dateien in 3D-Gebäude, deren Höhe der Menge des enthaltenen Codes entspricht.
    • Farbcodes signalisieren den Fokus des Agenten: Grün für kurze Blicke, Blau für tiefes Lesen und Amber für Modifikationen.
    • Die technische Basis bildet ein Go-Binary in Kombination mit Three.js für das Rendering im Browser.
  3. Automatisierte Code-Reviews für KI-Durchläufe

    Ein Analyse-Befehl schaltet ein lokales Sprachmodell als Richter ein, um die Sitzung zu evaluieren. Das Modell prüft, ob der KI-Agent ausreichend recherchiert hat, im vorgegebenen Rahmen blieb oder eigene Fehler korrigierte. Jede Erkenntnis verlinkt direkt auf den entsprechenden Moment in der 3D-Zeitleiste. Unabhängig von Sitzungen wandelt der Map-Befehl jedes Repository direkt in eine 3D-Landschaft um.

    • Der Analyse-Befehl nutzt lokale Modelle zur Bewertung der Agenten-Arbeit.
    • Das System prüft die Einhaltung der Vorgaben, die Exploration vor der Bearbeitung und die Selbstüberprüfung des Agenten.
    • Eine Option zur direkten Darstellung von Repositories als 3D-Karte existiert ohne Aufzeichnungsanforderung.
  4. Einsatzbereiche und Grenzen im Entwickleralltag

    Die Anwendung ersetzt keine etablierten Review-Tools für alltägliche, kleine Anpassungen. Ihre Stärke liegt im Vergleich verschiedener KI-Modelle wie Claude und Codex sowie in der Nachvollziehbarkeit umfangreicher Refactorings. Standard-Diffs vermitteln bei tiefgreifenden KI-Eingriffen oft kein ausreichendes Gesamtbild. Tools dieser Art schließen die Lücke zwischen der Geschwindigkeit der Code-Generierung und der menschlichen Erfassungsgeschwindigkeit.

    • Für kleine Code-Änderungen von zwei Zeilen bleibt ein klassischer Git-Diff effizienter.
    • Das Tool befindet sich in Version 0.3 und unterstützt vorerst nur Claude Code sowie Codex.
    • MindWalk dient primär dem Modellvergleich und dem Verständnis komplexer, weitverzweigter Agenten-Eingriffe.

설명

Mindwalk is a new open-source developer tool that turns your codebase and AI coding sessions into an interactive 3D city, making it easier to see how agents such as Claude Code and Codex explore, read, and edit a project. In this video, we test Mindwalk on a real codebase, replay an AI agent session, follow its path across files, and break down the color-coded timeline that shows where the agent looked, made changes, launched subagents, compacted context, and received new instructions. 🔗 Relevant Links https://github.com/cosmtrek/mindwalk ❤️ More about us Radically better observability stack: https://betterstack.com/ Written tutorials: https://betterstack.com/community/ Example projects: https://github.com/BetterStackHQ 📱 Socials Twitter: https://twitter.com/betterstackhq Instagram: https://www.instagram.com/betterstackhq/ TikTok: https://www.tiktok.com/@betterstack LinkedIn: https://www.linkedin.com/company/betterstack 📌 Chapters: 00:00 Mindwalk Turns AI Coding Sessions Into a 3D Codebase 00:32 Why AI Agent Logs and Git Diffs Miss the Full Story 01:00 Replaying a Claude Code Session in 3D 01:30 How Mindwalk Tracks Files Read, Viewed, and Edited 02:25 AI Agent Code Review and Scope Analysis 02:49 Mapping Any Git Repository as a 3D City 03:00 Is Mindwalk Actually Useful or Just a Visual Gimmick? 03:32 Current Limitations: Claude Code, Codex, and No Cursor Support 04:06 Who Should Use Mindwalk Today?

커뮤니티 글

모든 글 보기
이 영상에 대해 글쓰기