code-explanation-with-diagrams

star 29

図を使ってコードを説明します。コードの動作を説明する時、コードベースについて教える時、または「これはどう動くの?」と聞かれた時に使用します。

Yagami360 By Yagami360 schedule Updated 1/20/2026

name: code-explanation-with-diagrams description: 図を使ってコードを説明します。コードの動作を説明する時、コードベースについて教える時、または「これはどう動くの?」と聞かれた時に使用します。

コード説明(図付き)

コードを説明する際は、必ず以下を含めてください:

使用するタイミング

  • コードの動作を説明する時
  • コードベースについて教える時
  • 「これはどう動くの?」と聞かれた時

指示

  1. 図を描く: ASCII アートを使って、フロー、構造、または関係性を視覚的に示す
  2. コードをウォークスルーする: 何が起こるかをステップバイステップで説明する
  3. 注意点を強調する: よくある間違いや誤解は何か?

説明は会話調に保ってください。複雑な処理には、複数の図を使って段階的に説明してください。

Install via CLI
npx skills add https://github.com/Yagami360/ai-product-dev-tips --skill code-explanation-with-diagrams
Repository Details
star Stars 29
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator