Communityコーディング&開発github.com

lum1104/understand

コードベースを分析し、アーキテクチャ、コンポーネント、および関係性を理解するためのインタラクティブな知識グラフを生成します。

understand とは?

このスキルは、コードベース全体を解析し、視覚的でインタラクティブな知識グラフを生成することで、開発者がシステムのアーキテクチャ、主要コンポーネント、およびそれらの関係を直感的に理解できるようにします。従来のドキュメントや静的解析ツールでは把握しにくい、コード間の依存関係やモジュール間の接続をグラフ構造で可視化し、開発者がコードベースを探索・ナビゲートする新しい方法を提供します。主に大規模なプロジェクトや既存のコードベースを調査する際に有用で、新しいメンバーのオンボーディングやリファクタリング計画の策定に役立ちます。このスキルはコードベースのスキャンと関係性の抽出を行い、その結果をインタラクティブなグラフとして出力するため、開発者はWebブラウザ上でノードをクリックしたり関連する要素をトレースしたりしながら理解を深めることができます。

対応~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/lum1104/understand-anything/tree/main/skills/understand

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

understand は何をしますか?

コードベースを分析し、アーキテクチャ、コンポーネント、および関係性を理解するためのインタラクティブな知識グラフを生成します。

概要

このスキルは、コードベースの構造を可視化し、開発者がシステム全体を俯瞰できるようにします。ファイル間の依存関係、モジュール間の関連性、重要なコンポーネントの役割をグラフとして表現し、コードの理解を深めるために役立ちます。

使用方法

  1. コードベースのルートディレクトリでスキルを実行します。
  2. 生成された知識グラフは、ブラウザで開くことができるHTMLファイルとして出力されます。
  3. グラフ上でノードをクリックすると、詳細情報が表示されます。

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex

実装の詳細

このスキルは、コードベース内のファイルをスキャンし、以下の要素を抽出します:

  • ファイル名とパス
  • 関数/クラスの定義
  • インポート/エクスポートの関係
  • コールグラフ
  • モジュール間の依存関係

抽出されたデータは、インタラクティブなグラフにレンダリングされ、開発者が探索できるようになります。

関連スキル