explain-code について
explain-codeは、指定されたコードを短く読みやすい説明にまとめるスキルです。平易な文章と小さなコード例を使い、タイトル、TLDR、セクションからなる固定構成で整理します。
主な機能
- 01指定範囲に沿った説明
- 02タイトルとTLDRの構成
- 03各セクション一つの要点
- 04意図コメント付きコード例
- 05動作に忠実な簡略化
活用シーン
- 01関数やコード変更の要約
- 02新しいメンバーへのコード説明
- 03特定の処理経路の把握
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ sidkh/ skills --skill explain-codeインストール後、Claude Code で/explain-codeを入力して読み込まれたか確認します。
同梱ファイルagents/openai.yaml
詳細
コードの解説
ユーザーが指定した範囲のコードを、短く読みやすい記事として解説します。網羅的な説明より、平易な文章と小さなコード例を優先してください。
デフォルト
- ユーザーが指定した範囲に厳密に合わせます。
- 次の構成にします:
#のタイトル、📋 TLDR、その後に 1 つ以上の##セクション。 - 各
##セクションでは 1 つの考えを扱い、少なくとも 1 つのフェンス付きコードブロックを含めます。 - 文章はシンプルにし、コード例は小さく保ちます。
- 必要に応じてコードを簡略化しますが、動作には忠実であるようにします。
- コードやプロンプトで裏付けられない意図を作り上げないでください。
形式
# タイトル
トピックを示す、平易な英語の 1 行です。
📋 TLDR
コードを書いていない人にも要点が伝わる、短い文を 2~3 文書きます。
任意:全体の流れや受け渡しとして示すと理解しやすい場合に限り、小さな mermaid ブロックを 1 つ含めます。
📋 TLDR の後に、水平線 --- を追加します。
## セクション
各セクションでは、次のようにします。
- 絵文字を少なくとも 1 つ含む、平易な英語の
##タイトルを書く。 - 導入文を 1~2 文書く。
- フェンス付きコードブロックを 1 つ示す。
コードブロックの後にセクションを続けないでください。
本文のセクション間には、水平線 --- を入れます。
文章
- 1 文につき、主な考えは 1 つにします。
- できるだけ短く、一般的な語を使います。
- まずシンプルな説明をし、その後に詳細を加えます。
- 長く込み入った文、説明のない専門用語、内輪の略語は避けます。
コード
- 現在のセクションの要点を説明するのに必要なコードだけを示します。
- 特に理由がなければ、空行を除いて約 10 行以内にします。
- 説明に役立たない部分は省きます。
- 要点が分かりやすくなる場合は、
...、// ...、プレースホルダー、簡略化した識別子を使います。 - すべてのコード例に、要点となる行の意図を示す短いコメントを付けます。その行が何をしているのか、なぜ重要なのかを読者に伝えてください。
- コードをそのまま抜き出すより、動作に忠実な簡略例を優先します。
範囲が指定されていない場合
- ユーザーが範囲を指定しておらず、ステージングされていない変更がある場合は、ステージングされていない差分を対象とします。
- ユーザーが範囲を指定しておらず、ステージングされていない変更もない場合は、説明する対象を推測せず、説明してほしいファイル、差分、または領域を明示するようユーザーに尋ねます。
ガードレール
- 文章だけの
##セクションを作らないでください。 - セクションのコードブロックの後に、説明文を追加しないでください。
- プレースホルダーで同じ要点を伝えられる場合は、長いリテラル、シークレット、不透明なデータの塊を含めないでください。
- ユーザーから依頼がない限り、回答を行単位の書き起こしにしないでください。
コメント
Markdown 対応