mcpField
P
pr-lens

pr-lens

github.com/coldteadotai開発2.3k2.3k 回インストール1 日前に更新
リポジトリ

pr-lens について

PR Lens は、コード変更やコードベースをアニメーション付きのアーキテクチャ図・データフロー図にする CLI とスキルです。コーディングエージェントとその利用者向けで、誤ったフィールドを特定し、単体で動作する SVG を生成します。

主な機能

  1. 01アニメーション付き構成図とデータフロー図
  2. 02JSON グラフドキュメント入力
  3. 03誤りのあるフィールドを特定
  4. 04単体で動作するアニメーション SVG
  5. 05ライブキャンバスでの段階表示と質問

活用シーン

  1. 01プルリクエストで構成変更を説明
  2. 02コードベースのデータフローを可視化
  3. 03ライブキャンバスで図を確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/coldteadotai/pr-lens --skill pr-lens

インストール後、Claude Code で/pr-lensを入力して読み込まれたか確認します。

同梱ファイルLICENSE

詳細

PR Lens

コードの変更やコードベースのアーキテクチャ図とデータフロー図をアニメーションで作成します。エージェントが JSON ドキュメントを 1 つ作成し、PR Lens が描画します。

実行：npx @coldtea/pr-lens-cli@latest <command>。事前のインストールは不要です。

まずはこちら

このファイルは概要を示すものであり、使い方のガイドではありません。PR Lens のコマンドを実行する前に、CLI から実際のワークフローの内容を読み込んでください。

npx @coldtea/pr-lens-cli@latest skill              # start here: write, validate, render, share
npx @coldtea/pr-lens-cli@latest skill references   # the graph document field by field, the config format, a full example

CLI が提供するスキルの内容はインストール済みのバージョンに常に一致するため、手順が古くなることはありません。この概要ファイルの内容はリリース間で変更できないため、skill を案内するだけになっています。

PR Lens を選ぶ理由

  • あらゆるコーディングエージェントに対応します（Claude Code、Codex、Gemini CLI、Cursor、OpenCode、Copilot）
  • GitHub がコメント内に表示できる、自己完結型のアニメーション SVG をスクリプトなしで描画します
  • validate は誤っているフィールドを正確に示すため、エージェントは自身のドキュメントを修正できます
  • ライブキャンバスとして開き、手順を順に確認したり、質問したりできます
  • エージェントがドキュメント自体を作成する場合、モデルキーは不要です

コメント

Markdown 対応