understand-onboard
新しい開発者がプロジェクトにスムーズに参加できるよう、コードの知識グラフに基づいて、包括的なオンボーディングガイドを分かりやすく作成するSkill。
📜 元の英語説明(参考)
Generate a comprehensive onboarding guide for new developers joining a project, based on the codebase knowledge graph. Use when: onboarding new team members, creating developer documentation, ramping up on a new project.
🇯🇵 日本人クリエイター向け解説
新しい開発者がプロジェクトにスムーズに参加できるよう、コードの知識グラフに基づいて、包括的なオンボーディングガイドを分かりやすく作成するSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o understand-onboard.zip https://jpskill.com/download/15515.zip && unzip -o understand-onboard.zip && rm understand-onboard.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/15515.zip -OutFile "$d\understand-onboard.zip"; Expand-Archive "$d\understand-onboard.zip" -DestinationPath $d -Force; ri "$d\understand-onboard.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
understand-onboard.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
understand-onboardフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
/understand-onboard
概要
コードベースのナレッジグラフを読み込むことで、新しい開発者向けの包括的なオンボーディングガイドを生成します。このスキルは、プロジェクトのメタデータ、アーキテクチャレイヤー、ガイド付きツアーの手順、複雑性のホットスポットを抽出し、新しいチームメンバーが数週間ではなく数時間でコードベースを理解するのに役立つ構造化された Markdown ドキュメントを作成します。
グラフ構造のリファレンス
ナレッジグラフの JSON は次の構造を持ちます。
project— {name, description, languages, frameworks, analyzedAt, gitCommitHash}nodes[]— それぞれが {id, type, name, filePath, summary, tags[], complexity, languageNotes?} を持ちます- ノードタイプ: file, function, class, module, concept
- ID:
file:path,func:path:name,class:path:name
edges[]— それぞれが {source, target, type, direction, weight} を持ちます- 主要なタイプ: imports, contains, calls, depends_on
layers[]— それぞれが {id, name, description, nodeIds[]} を持ちますtour[]— それぞれが {order, title, description, nodeIds[]} を持ちます
効率的な読み方
- ファイル全体を読む前に、
Grepを使用して JSON 内の関連エントリを検索します - 必要なセクションのみを読みます — グラフ全体をコンテキストにダンプしないでください
- ノード名とサマリーは、理解のために最も役立つフィールドです
- エッジはコンポーネントがどのように接続されているかを示します — 依存関係の連鎖については、imports と calls を追跡します
指示
-
.understand-anything/knowledge-graph.jsonが存在することを確認します。存在しない場合は、最初に/understandを実行するようにユーザーに指示します。 -
プロジェクトのメタデータを読み込む —
Grepまたは行数制限付きの Read を使用して、"project"セクション(name, description, languages, frameworks)を抽出します。 -
レイヤーを読み込む —
"layers"をGrepして、レイヤーの配列全体を取得します。これらはアーキテクチャを定義し、ガイドを構造化します。 -
ツアーを読み込む —
"tour"をGrepして、ガイド付きウォークスルーの手順を取得します。これらは推奨される学習パスを提供します。 -
ファイルレベルのノードのみを読み込む —
Grepを使用して、ナレッジグラフ内で"type": "file"を持つノードを見つけます。ガイドをハイレベルに保つために、関数レベルおよびクラスレベルのノードはスキップします。各ファイルノードのname、filePath、summary、およびcomplexityを抽出します。 -
複雑性のホットスポットを特定する — ファイルレベルのノードから、
complexityの値が最も高いノードを見つけます。これらは、新しい開発者が慎重に取り組むべき領域です。 -
次のセクションを含むオンボーディングガイドを生成します。
- プロジェクトの概要: name, languages, frameworks, description (プロジェクトのメタデータから)
- アーキテクチャレイヤー: 各レイヤーの name, description, およびキーファイル (レイヤー + ファイルノードから)
- キーコンセプト: 重要なパターンと設計上の決定 (ノードのサマリーとタグから)
- ガイド付きツアー: ステップバイステップのウォークスルー (ツアーセクションから)
- ファイルマップ: 各キーファイルが何をするか (ファイルレベルのノードから、レイヤーごとに整理)
- 複雑性のホットスポット: 慎重に取り組むべき領域 (complexity の値から)
-
クリーンな Markdown としてフォーマットします
-
ガイドをプロジェクトの
docs/ONBOARDING.mdに保存することを提案します -
チームのためにリポジトリにコミットすることをユーザーに提案します
例
例 1: SaaS プロジェクトのオンボーディングガイドの生成
ユーザー: /understand-onboard
エージェントはナレッジグラフを読み込み、プロジェクト "my-saas-app" (TypeScript, Next.js, tRPC, Prisma)、5 つのアーキテクチャレイヤー (UI, API Gateway, Services, Data, Infrastructure)、47 個のファイルレベルのノード、および 6 ステップのガイド付きツアーを見つけます。3 つの複雑性のホットスポットを特定します: src/billing/subscription.ts (complexity: 18), src/sync/conflict-resolver.ts (complexity: 15), および src/auth/session.ts (complexity: 12)。エージェントは、プロジェクトの概要、アーキテクチャレイヤー (レイヤーごとのキーファイル付き)、ガイド付きツアー (アプリのエントリポイントから認証、データモデル、API まで)、ファイルマップ (レイヤーごとに整理)、および複雑性のホットスポット (課金状態マシンに関する警告付き) を含む、構造化されたオンボーディングガイドを生成します。ガイドを docs/ONBOARDING.md に保存することを提案します。
例 2: Python マイクロサービスプロジェクトのガイドの生成
ユーザー: /understand-onboard
エージェントは "order-service" (Python, FastAPI, SQLAlchemy, Redis) のナレッジグラフを読み込み、3 つのレイヤー (API, Domain, Infrastructure)、23 個のファイルレベルのノード、および 4 ステップのツアーを見つけます。複雑性のホットスポットには、src/domain/order_state_machine.py (complexity: 16) および src/infrastructure/event_bus.py (complexity: 11) が含まれます。ガイドでは、FastAPI ルーターの構造、サービスで使用されているドメイン駆動設計パターン、Redis pub/sub を使用したイベント駆動型アーキテクチャについて説明し、新しい開発者に注文状態マシンの 9 つの可能なトランジションについて警告します。
ガイドライン
- ガイドにはファイルレベルのノードのみを使用します。関数とクラスの詳細を含めると、オンボーディングには詳細すぎます
- アーキテクチャレイヤーを中心にガイドを構成します。これにより、新しい開発者に必要なメンタルモデルが提供されます
- ナレッジグラフからのガイド付きツアーは、キュレーションされた学習パスを提供するため、常に含めます
- complexity スコアが 10 を超えるファイルは、新しい開発者が慎重に取り組むべきホットスポットとしてフラグを立てます
- 生成されたガイドをリポジトリにコミットして、チーム全体が恩恵を受けられるようにすることを提案します
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
/understand-onboard
Overview
Generate a comprehensive onboarding guide for new developers by reading the codebase knowledge graph. The skill extracts project metadata, architectural layers, guided tour steps, and complexity hotspots to produce a structured markdown document that helps new team members understand the codebase in hours instead of weeks.
Graph Structure Reference
The knowledge graph JSON has this structure:
project— {name, description, languages, frameworks, analyzedAt, gitCommitHash}nodes[]— each has {id, type, name, filePath, summary, tags[], complexity, languageNotes?}- Node types: file, function, class, module, concept
- IDs:
file:path,func:path:name,class:path:name
edges[]— each has {source, target, type, direction, weight}- Key types: imports, contains, calls, depends_on
layers[]— each has {id, name, description, nodeIds[]}tour[]— each has {order, title, description, nodeIds[]}
How to Read Efficiently
- Use Grep to search within the JSON for relevant entries BEFORE reading the full file
- Only read sections you need — don't dump the entire graph into context
- Node names and summaries are the most useful fields for understanding
- Edges tell you how components connect — follow imports and calls for dependency chains
Instructions
-
Check that
.understand-anything/knowledge-graph.jsonexists. If not, tell the user to run/understandfirst. -
Read project metadata — use Grep or Read with a line limit to extract the
"project"section (name, description, languages, frameworks). -
Read layers — Grep for
"layers"to get the full layers array. These define the architecture and will structure the guide. -
Read the tour — Grep for
"tour"to get the guided walkthrough steps. These provide the recommended learning path. -
Read file-level nodes only — use Grep to find nodes with
"type": "file"in the knowledge graph. Skip function-level and class-level nodes to keep the guide high-level. Extract each file node'sname,filePath,summary, andcomplexity. -
Identify complexity hotspots — from the file-level nodes, find those with the highest
complexityvalues. These are areas new developers should approach carefully. -
Generate the onboarding guide with these sections:
- Project Overview: name, languages, frameworks, description (from project metadata)
- Architecture Layers: each layer's name, description, and key files (from layers + file nodes)
- Key Concepts: important patterns and design decisions (from node summaries and tags)
- Guided Tour: step-by-step walkthrough (from the tour section)
- File Map: what each key file does (from file-level nodes, organized by layer)
- Complexity Hotspots: areas to approach carefully (from complexity values)
-
Format as clean markdown
-
Offer to save the guide to
docs/ONBOARDING.mdin the project -
Suggest the user commit it to the repo for the team
Examples
Example 1: Generating an onboarding guide for a SaaS project
User: /understand-onboard
The agent reads the knowledge graph and finds: project "my-saas-app" (TypeScript, Next.js, tRPC, Prisma), 5 architectural layers (UI, API Gateway, Services, Data, Infrastructure), 47 file-level nodes, and a 6-step guided tour. It identifies 3 complexity hotspots: src/billing/subscription.ts (complexity: 18), src/sync/conflict-resolver.ts (complexity: 15), and src/auth/session.ts (complexity: 12). The agent generates a structured onboarding guide with Project Overview, Architecture Layers (with key files per layer), Guided Tour (starting from the app entry point through auth, data models, and API), File Map (organized by layer), and Complexity Hotspots (with warnings about the billing state machine). It offers to save the guide to docs/ONBOARDING.md.
Example 2: Generating a guide for a Python microservices project
User: /understand-onboard
The agent reads the knowledge graph for "order-service" (Python, FastAPI, SQLAlchemy, Redis), finds 3 layers (API, Domain, Infrastructure), 23 file-level nodes, and a 4-step tour. Complexity hotspots include src/domain/order_state_machine.py (complexity: 16) and src/infrastructure/event_bus.py (complexity: 11). The guide covers the FastAPI router structure, domain-driven design patterns used in the service, the event-driven architecture with Redis pub/sub, and warns new developers about the order state machine's 9 possible transitions.
Guidelines
- Only use file-level nodes for the guide; function and class details make it too granular for onboarding
- Structure the guide around architectural layers since this gives new developers the mental model they need
- Always include the guided tour from the knowledge graph as it provides a curated learning path
- Flag files with complexity scores above 10 as hotspots that new developers should approach carefully
- Suggest committing the generated guide to the repo so the whole team benefits