navigator について
コードベースを案内するスキルで、アーキテクチャやAPIフローのドキュメントを先に確認し、バックエンドとフロントエンドの主要パスを示します。検索、開発、レビュー、フルスタック作業向けの専用エージェントも案内します。
主な機能
- 01アーキテクチャとAPIフロー資料を先に確認
- 02バックエンドとフロントエンドの主要パスを提示
- 03プロジェクト専用エージェントの一覧
活用シーン
- 01ルーター、サービス、スキーマの特定
- 02フロントエンドのページ、コンポーネント、フックの検索
- 03コード検索やレビュー担当エージェントの選択
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/navigatorを入力して読み込まれたか確認します。
詳細
コードベースナビゲーター
ripgrep スクリプトを使った高度なコード検索には、codebase-navigator スキルを使用してください。
クイック検索：.agents/skills/codebase-navigator/scripts/search.sh <command> [pattern]
コードを検索する前に
- バックエンドの構造について、
docs/agent/architecture/backend-architecture.mdを読んでください - フロントエンドの構造について、
docs/agent/architecture/frontend-architecture.mdを読んでください - エンドポイントの対応関係を、
docs/agent/apis/api-flow-maps.mdで確認してください
クイックパス
- バックエンドルーター：
apps/backend/app/routers/ - バックエンドサービス：
apps/backend/app/services/ - バックエンドスキーマ：
apps/backend/app/schemas/ - フロントエンドページ：
apps/frontend/app/ - フロントエンドコンポーネント：
apps/frontend/components/ - フロントエンドフック：
apps/frontend/hooks/ - デザイン仕様：
docs/agent/design/ - ドキュメントの完全なインデックス：
docs/agent/README.md
利用可能なエージェント
| エージェント | 用途 |
|---|---|
| codebase-navigator | コードの検索、処理フローの追跡、定義の検索 |
| backend-dev | FastAPI のエンドポイント、スキーマ、サービス |
| frontend-dev | Next.js のページ、React コンポーネント、Swiss スタイル |
| ui-review | Swiss International Style 準拠の確認 |
| code-review | コード品質、セキュリティ、規約 |
| full-stack | バックエンドとフロントエンドにまたがる機能 |
コメント
Markdown 対応