coldteadotai/pr-lens

これは何？

主な機能

• 01PRの変更を、追加・変更・削除箇所を色分けしたアニメーション付きアーキテクチャ図として描画
• 02データフローの矢印をクリックすると、リクエストとレスポンスのペイロードを表示
• 03ズーム、パン、ステップ形式のウォークスルーに対応したインタラクティブなキャンバスを提供
• 04GitHub、GitLab、Bitbucketに対応
• 05プルリクエスト作成前に図を描画できるCLIとエージェントスキルを提供

ユースケース

• 大規模なプルリクエストで、どのコンポーネントや呼び出しに影響するかを把握しながらレビューする
• ガイド付きの図のウォークスルーを通じて、初めて触れるコードベースに慣れる
• プルリクエストを作成する前に、図を使ってコーディングエージェントの変更を確認する
• 共有可能なキャンバスリンクで、システム内のデータフローを記録する

クイックスタート

1. 1

   リポジトリにGitHub Appをインストールします

2. 2

   プルリクエストを開くと、図がコメントとして表示されます

3. 3

   必要に応じて、コーディングエージェント用のスキルを追加します

   npx skills add coldteadotai/pr-lens

Repolode 週刊で紹介

• 第 2 号 · エージェント向けRust製ヘッドレスブラウザと型付きSQLインポート

  各PRをアニメーション付きのアーキテクチャ図とデータフロー図にして、PRのコメントとして投稿します。GitHub、GitLab、Bitbucketに対応。追加・変更・削除が色分けされ、データフローの矢印をクリックするとリクエストとレスポンスの中身が見えます。

収録されている特集

トピック

よくある質問

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