Repolode
Enviar
coldteadotai

coldteadotai/pr-lens

Representa cada pull request con diagramas animados de arquitectura y flujo de datos, publicados como comentario en el PR, para GitHub, GitLab y Bitbucket.

Ver en GitHubSitio web
Estrellas
2,370
Forks
99
Issues abiertos
4
Último commit
hace 2 horas

¿Qué es?

PR Lens genera recorridos visuales de los cambios en el código. Lee el diff de un pull request, usa un modelo para identificar los componentes afectados y las llamadas entre ellos, y representa el resultado con diagramas SVG animados en modo claro y oscuro. Los diagramas se publican como comentario en el pull request, con las partes modificadas coloreadas en verde para lo nuevo, ámbar para los cambios y rojo para lo eliminado.

Además del comentario, cada diagrama se puede abrir en un canvas interactivo donde los lectores pueden hacer zoom, desplazarse y avanzar por recorridos guiados. Al hacer clic en una flecha del flujo de datos, se muestra el payload de la solicitud y la respuesta. Los elementos se pueden renombrar, excluir o agrupar mediante el archivo de configuración .github/pr-lens.yml.

Se puede ejecutar como una GitHub App alojada, una GitHub Action, un componente de GitLab CI/CD, un pipe de Bitbucket, una CLI independiente o una skill para agentes de programación como Claude Code y Codex. La Action y la CLI usan tu propia clave de modelo, y se puede configurar cualquier proveedor compatible con la API de chat completions.

Funciones clave

  • 01Representa los cambios del PR con diagramas animados de arquitectura y colores para las partes agregadas, modificadas y eliminadas
  • 02Muestra el payload de la solicitud y la respuesta al hacer clic en una flecha del flujo de datos
  • 03Ofrece un canvas interactivo con zoom, desplazamiento y recorridos guiados paso a paso
  • 04Funciona con GitHub, GitLab y Bitbucket
  • 05Ofrece una CLI y una skill para agentes que permiten crear diagramas antes de que exista un pull request

Casos de uso

  • Revisar un pull request grande viendo qué componentes y llamadas afecta
  • Incorporarse a un código base desconocido mediante recorridos guiados por diagramas
  • Comprobar con un diagrama los cambios de un agente de programación antes de abrir un pull request
  • Documentar cómo fluyen los datos por un sistema mediante un enlace compartible a un canvas

Inicio rápido

  1. 1

    Instala la GitHub App en tu repositorio

  2. 2

    Abre una solicitud de cambios y el diagrama aparecerá como comentario

  3. 3

    De forma opcional, añade la skill para tu agente de programación

    npx skills add coldteadotai/pr-lens

Destacado en Repolode Weekly

En colecciones

Asistentes y agentes de programación con IABibliotecas de skills para agentes de IA

Temas

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

Preguntas frecuentes

¿Qué es pr-lens?
Representa cada pull request con diagramas animados de arquitectura y flujo de datos, publicados como comentario en el PR, para GitHub, GitLab y Bitbucket. PR Lens genera recorridos visuales de los cambios en el código. Lee el diff de un pull request, usa un modelo para identificar los componentes afectados y las llamadas entre ellos, y representa el resultado con diagramas SVG animados en modo claro y oscuro. Los diagramas se publican como comentario en el pull request, con las partes modificadas coloreadas en verde para lo nuevo, ámbar para los cambios y rojo para lo eliminado.
¿pr-lens es gratuito? ¿Qué licencia tiene?
pr-lens es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿pr-lens sigue mantenido?
Mantenimiento activo. El último commit de pr-lens fue el 7 nov 2026.
¿Para qué puedo usar pr-lens?
Revisar un pull request grande viendo qué componentes y llamadas afecta Incorporarse a un código base desconocido mediante recorridos guiados por diagramas Comprobar con un diagrama los cambios de un agente de programación antes de abrir un pull request Documentar cómo fluyen los datos por un sistema mediante un enlace compartible a un canvas
¿Cómo se instala pr-lens?
Instala la GitHub App en tu repositorio Abre una solicitud de cambios y el diagrama aparecerá como comentario De forma opcional, añade la skill para tu agente de programación: npx skills add coldteadotai/pr-lens
¿Dónde consigo pr-lens?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/coldteadotai/pr-lens

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados