smithery.ai

code-explanation-with-diagrams

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

First seen Apr 9, 2026

Installation

$ npx skills add https://smithery.ai

Similar popular skills

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

Also in this package

Other skills from smithery.ai · top by installs.

npx skills add https://smithery.ai

Browse all from smithery.ai

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 seen on skills.sh
  2. First recorded snapshot · 1 installs

SKILL.md

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

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

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