smithery/yagami360

code-explanation-with-diagrams

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

Installation

$ npx skills add smithery/yagami360 --skill code-explanation-with-diagrams

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 781 B
  • docs SUMMARY.md 248 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

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

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

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