PR Lens: Interaktive Architektur-Walkthroughs für Pull Requests

X-PostOhans EmmanuelTool

Ohans Emmanuel stellt das Open-Source-Tool PR Lens von Coldtea AI vor. Es visualisiert Pull Requests direkt als animierte Architektur- und Datenfluss-Diagramme im GitHub-Kommentar.

Das Wichtigste

  1. PR Lens generiert animierte Datenfluss- und Architekturdiagramme direkt als PR-Kommentare auf GitHub.
  2. Ein farbkodierter 'Blast Radius' markiert neue (grün), geänderte (gelb) und entfernte (rot) Komponenten und Pfade.
  3. Ein interaktiver Walkthrough führt Schritt für Schritt durch Änderungen, blendet unbeteiligte Bereiche aus und bietet Pan-/Zoom-Funktionen.
  4. Die Integration erfolgt wahlweise als GitHub App, GitHub Action, CLI oder als Skill für Coding Agents (`npx skills add coldteadotai/pr-lens`).
  5. Emmanuel betont, dass das Hauptziel die Reduktion der kognitiven Last beim Code Review ist; eine GitLab-Unterstützung ist in Arbeit.

Warum das relevant ist

Große oder von KI-Agenten erstellte Pull Requests erzeugen oft massive Diff-Listen, deren architektonische Tragweite schwer zu überblicken ist. Animierte visuelle Walkthroughs beschleunigen das Verständnis von Systemänderungen vor der eigentlichen Code-Zeilen-Prüfung.

Einordnung

Das Tool reagiert auf die wachsende Zahl agentengenerierter Pull Requests, die Reviewer schnell kognitiv überlasten. Statt statischer Mermaid-Diagramme setzt PR Lens auf sequenzielle Animationen und ein konsistentes visuelles Vokabular. Emmanuel räumt ein, dass der Fokus auf Architektur und Datenfluss liegt, was für die meisten, aber nicht zwingend für alle Applikationsmuster ausreicht.

Original-Post

Ohans Emmanuel

@OhansEmmanuel · 7. September 2026

Mermaid diagrams are the floor. Every PR at @ColdteaAI ships with an interactive walkthrough Open source: t.co/y9KsaeosGs t.co/2kAWOq9zwW t.co/fs0b6IbSg3

1236 Likes41 Antworten2515 Lesezeichen175.114 Aufrufe

Auf X ansehen
Weitere Posts im Thread (10)
  1. Try the walkthrough in the video here: t.co/DXuVOop71R
  2. @AkrShakil @ColdteaAI Can’t wait to hear feedback :)
  3. @hirletz @ColdteaAI Technically you can make it work yourself via your coding agent (local mode) We’re still working on a native Gitlab integration
  4. @oguzcanhuner @ColdteaAI It assumes architecture and data flow are what matters most But this may not be true for a small subset of apps But I think most apps can have whatever’s really important expressed this way: security, accessibility etc The other downside (or more of a todo later) is it
  5. @marvinaziz @ColdteaAI You and me :)
  6. @m31uk3 @ColdteaAI It’s a good tool. But you’re right, I don’t believe it’s optimised for agent diffs / reducing cognitive overload
  7. @yesadok @ColdteaAI Haha, that’s the design. To reduce the cognitive load first and foremost
  8. @TheCodingSloth1 @ColdteaAI Give it a try! Let’s do a YT? :)
  9. @transitive_bs @ColdteaAI You're about to have an amazing dev flow :)
  10. @allstonbuilds @ColdteaAI Let me know if you v any feedback when you do
Ausgewählte Antworten (5)
  • @m31uk3 @OhansEmmanuel @ColdteaAI I love the idea of mermaid. I struggle to get value from 90% of the mermaid diagrams I read. There’s some function of attention to detail and density that mermaid rendering still lacks. I’m still an advocate, but I wouldn’t choose mermaid for PRs.
  • @yesadok @OhansEmmanuel @ColdteaAI interactive walkthroughs actually make me want to review the code
  • @ross_axilio @OhansEmmanuel @ColdteaAI Super useful! Love a good mermaid diagram
  • @UditKhandelwal8 @OhansEmmanuel @ColdteaAI Absolutely! That's a no brainer..Made open source MCP Server with GitHub action for PR walkthroughs from the coding session itself t.co/E224xMr5Jj
  • @dev_aqueiroz @OhansEmmanuel @ColdteaAI @OhansEmmanuel thanks for sharing. I have used it. It is a good start, but got hard to use on our code. There were many lines coming out of a box and there was no way to highlight a single one to see where it went. Maybe our arch is not good, but it is what it is 🤷

Erwähnte Links

Links und Tools aus diesem Beitrag

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

Ähnliche Einträge

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

  • Repository:coldteadotai/pr-lens

    PR Lens: Animierte Architektur- und Datenflussdiagramme für Pull Requests

    PR Lens visualisiert Änderungen in GitHub Pull Requests als animierte Architektur- und Datenflussdiagramme direkt in den PR-Kommentaren. Das Tool unterstützt Entwickler dabei, komplexe Code-Änderungen vor dem Zeile-für-Zeile-Review auf Systemebene zu verstehen.

    960SterneTypeScript

    Webentwicklung· Tool

  • Artikel:The Cognition Team

    Devin Review: Cognition stellt KI-gestütztes Tool für Code-Reviews vor

    Cognition hat Devin Review veröffentlicht, ein KI-Werkzeug zur Prüfung von Pull Requests. Das Tool soll Entwickler dabei unterstützen, immer größere und komplexere Code-Diffs zu bewältigen, die sowohl von Menschen als auch von Coding Agents erzeugt werden.

    KI & AI· Ankündigung

  • 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

  • Repository:earendil-works/pi-review

    pi-review: Code-Review-Erweiterung für Pi

    pi-review ist eine Open-Source-Erweiterung für das Werkzeug Pi, die strukturierte Code-Reviews direkt in die Kommandozeile integriert. Sie analysiert ungespeicherte Änderungen, Branches, Commits, GitHub Pull Requests oder Verzeichnisse und liefert priorisierte Befunde samt Handlungsanweisungen.

    549SterneTypeScript

    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.