code-explanation-with-diagrams

借助图表直观地解释代码。无论是阐述代码运行原理、传授代码基础，还是在被问及“这段代码到底是怎么运作的？”时，此技能都能轻松应对。

SKILL.md

--- frontmatter

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

コード説明（図付き）

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

使用するタイミング

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

指示

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

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