Repolode
제출하기
coldteadotai

coldteadotai/pr-lens

GitHub, GitLab, Bitbucket의 PR에 댓글로 애니메이션 아키텍처 및 데이터 흐름 다이어그램을 게시합니다.

GitHub에서 보기웹사이트
스타
2,354
포크
96
열린 이슈
6
마지막 커밋
그저께

어떤 프로젝트인가요?

PR Lens는 코드 변경 사항을 시각적으로 안내하는 다이어그램을 생성합니다. 풀 리퀘스트의 diff를 읽고 모델을 사용해 영향을 받는 구성 요소와 구성 요소 간 호출을 파악한 뒤, 애니메이션이 적용된 라이트·다크 SVG 다이어그램으로 렌더링합니다. 다이어그램은 풀 리퀘스트에 댓글로 게시되며, 변경 부분은 신규 항목은 초록색, 수정 항목은 주황색, 삭제 항목은 빨간색으로 표시됩니다.

댓글에 게시된 다이어그램은 인터랙티브 캔버스에서도 열 수 있습니다. 여기서 독자는 확대·축소하고 화면을 이동하며 안내에 따라 단계별로 살펴볼 수 있습니다. 데이터 흐름 화살표를 클릭하면 요청 및 응답 페이로드가 표시됩니다. 요소의 이름 변경, 제외, 그룹화는 .github/pr-lens.yml 설정 파일에서 제어합니다.

호스팅 GitHub App, GitHub Action, GitLab CI/CD 컴포넌트, Bitbucket pipe, 독립 실행형 CLI 또는 Claude Code, Codex 같은 코딩 에이전트용 skill로 실행할 수 있습니다. Action과 CLI는 사용자의 모델 키를 사용하며, chat completions API를 지원하는 모든 제공자를 설정할 수 있습니다.

핵심 기능

  • 01PR 변경 사항을 추가·수정·삭제 부분별 색상을 적용한 애니메이션 아키텍처 다이어그램으로 표시
  • 02데이터 흐름 화살표를 클릭하면 요청 및 응답 페이로드 표시
  • 03확대·축소, 화면 이동, 단계별 안내를 지원하는 인터랙티브 캔버스 제공
  • 04GitHub, GitLab, Bitbucket 지원
  • 05풀 리퀘스트가 아직 없을 때 다이어그램을 그릴 수 있는 CLI 및 에이전트 skill 제공

활용 사례

  • 영향을 받는 구성 요소와 호출을 확인해 대규모 풀 리퀘스트 검토
  • 안내형 다이어그램을 따라가며 익숙하지 않은 코드베이스 온보딩
  • 풀 리퀘스트를 열기 전에 다이어그램으로 코딩 에이전트의 변경 사항 확인
  • 공유 가능한 캔버스 링크로 시스템의 데이터 흐름 문서화

빠른 시작

  1. 1

    저장소에 GitHub App을 설치하세요

  2. 2

    풀 리퀘스트를 열면 다이어그램이 댓글로 표시됩니다

  3. 3

    선택 사항으로 코딩 에이전트용 스킬을 추가하세요

    npx skills add coldteadotai/pr-lens

Repolode 주간에 소개됨

포함된 컬렉션

AI 코딩 어시스턴트와 에이전트AI 에이전트 스킬 라이브러리

토픽

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

자주 묻는 질문

pr-lens은(는) 무엇인가요?
GitHub, GitLab, Bitbucket의 PR에 댓글로 애니메이션 아키텍처 및 데이터 흐름 다이어그램을 게시합니다. PR Lens는 코드 변경 사항을 시각적으로 안내하는 다이어그램을 생성합니다. 풀 리퀘스트의 diff를 읽고 모델을 사용해 영향을 받는 구성 요소와 구성 요소 간 호출을 파악한 뒤, 애니메이션이 적용된 라이트·다크 SVG 다이어그램으로 렌더링합니다. 다이어그램은 풀 리퀘스트에 댓글로 게시되며, 변경 부분은 신규 항목은 초록색, 수정 항목은 주황색, 삭제 항목은 빨간색으로 표시됩니다.
pr-lens은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
pr-lens은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
pr-lens은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. pr-lens의 마지막 커밋은 2026년 11월 4일입니다.
pr-lens은(는) 어디에 사용할 수 있나요?
영향을 받는 구성 요소와 호출을 확인해 대규모 풀 리퀘스트 검토 안내형 다이어그램을 따라가며 익숙하지 않은 코드베이스 온보딩 풀 리퀘스트를 열기 전에 다이어그램으로 코딩 에이전트의 변경 사항 확인 공유 가능한 캔버스 링크로 시스템의 데이터 흐름 문서화
pr-lens는 어떻게 설치하나요?
저장소에 GitHub App을 설치하세요 풀 리퀘스트를 열면 다이어그램이 댓글로 표시됩니다 선택 사항으로 코딩 에이전트용 스킬을 추가하세요: npx skills add coldteadotai/pr-lens
pr-lens은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/coldteadotai/pr-lens

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트