Repolode
Submit
coldteadotai

coldteadotai/pr-lens

Draws each pull request as animated architecture and data-flow diagrams, posted as a comment inside the PR, for GitHub, GitLab and Bitbucket.

View on GitHubWebsite
Stars
2,370
Forks
99
Open issues
4
Last commit
4 hours ago

What is it?

PR Lens generates visual walkthroughs of code changes. It reads a pull request's diff, uses a model to map the affected components and the calls between them, and renders the result as animated light and dark SVG diagrams. The diagrams are posted as a comment in the pull request, with changed parts colored green for new, amber for changed and red for removed.

Beyond the comment, each diagram can be opened on an interactive canvas where readers zoom, pan and step through guided walkthroughs. Clicking a data-flow arrow shows the request and response payload. Renaming, excluding or grouping elements is controlled through a .github/pr-lens.yml configuration file.

It runs as a hosted GitHub App, a GitHub Action, a GitLab CI/CD component, a Bitbucket pipe, a standalone CLI, or a skill for coding agents such as Claude Code and Codex. The Action and CLI use your own model key, and any provider that supports the chat completions API can be configured.

Key features

  • 01Draws PR changes as animated architecture diagrams with colors for added, changed and removed parts
  • 02Shows the request and response payload when you click a data-flow arrow
  • 03Provides an interactive canvas with zoom, pan and step-by-step walkthroughs
  • 04Works with GitHub, GitLab and Bitbucket
  • 05Offers a CLI and agent skill for drawing diagrams before a pull request exists

Use cases

  • Reviewing a large pull request by seeing which components and calls it touches
  • Onboarding to an unfamiliar codebase through guided diagram walkthroughs
  • Checking an coding agent's changes with a diagram before opening a pull request
  • Documenting how data flows through a system in a shareable canvas link

Quick start

  1. 1

    Install the GitHub App on your repository

  2. 2

    Open a pull request and the diagram appears as a comment

  3. 3

    Optionally, add the skill for your coding agent

    npx skills add coldteadotai/pr-lens

Featured in Repolode Weekly

In collections

AI coding assistants & agentsAI agent skill libraries

Topics

#code-review#architecture-diagrams#data-flow#pull-request#ai#developer-tools#github-action#coding-agents#agent-skills#architecture-as-code

FAQ

What is pr-lens?
Draws each pull request as animated architecture and data-flow diagrams, posted as a comment inside the PR, for GitHub, GitLab and Bitbucket. PR Lens generates visual walkthroughs of code changes. It reads a pull request's diff, uses a model to map the affected components and the calls between them, and renders the result as animated light and dark SVG diagrams. The diagrams are posted as a comment in the pull request, with changed parts colored green for new, amber for changed and red for removed.
Is pr-lens free to use? What license does it have?
pr-lens is open source under the MIT license. Check the license terms before using it in commercial products.
Is pr-lens still maintained?
Actively maintained. The last commit to pr-lens was on Nov 7, 2026.
What can I use pr-lens for?
Reviewing a large pull request by seeing which components and calls it touches Onboarding to an unfamiliar codebase through guided diagram walkthroughs Checking an coding agent's changes with a diagram before opening a pull request Documenting how data flows through a system in a shareable canvas link
How do I install pr-lens?
Install the GitHub App on your repository Open a pull request and the diagram appears as a comment Optionally, add the skill for your coding agent: npx skills add coldteadotai/pr-lens
Where can I get pr-lens?
The source code and installation instructions are on GitHub: https://github.com/coldteadotai/pr-lens

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects