← Back to list
code-explanation-with-diagrams
by Yagami360
AIプロダクト開発のための Tips 集
⭐ 29🍴 0📅 Jan 20, 2026
Run in ManusSKILL.md
name: code-explanation-with-diagrams description: 図を使ってコードを説明します。コードの動作を説明する時、コードベースについて教える時、または「これはどう動くの？」と聞かれた時に使用します。
コード説明（図付き）
コードを説明する際は、必ず以下を含めてください：
使用するタイミング
- コードの動作を説明する時
- コードベースについて教える時
- 「これはどう動くの？」と聞かれた時
指示
- 図を描く: ASCII アートを使って、フロー、構造、または関係性を視覚的に示す
- コードをウォークスルーする: 何が起こるかをステップバイステップで説明する
- 注意点を強調する: よくある間違いや誤解は何か？
説明は会話調に保ってください。複雑な処理には、複数の図を使って段階的に説明してください。
Score
Total Score
55/100
Based on repository quality metrics
✓SKILL.md
SKILL.mdファイルが含まれている
+20
○LICENSE
ライセンスが設定されている
0/10
○説明文
100文字以上の説明がある
0/10
○人気
GitHub Stars 100以上
0/15
✓最近の活動
1ヶ月以内に更新
+10
○フォーク
10回以上フォークされている
0/5
✓Issue管理
オープンIssueが50未満
+5
✓言語
プログラミング言語が設定されている
+5
✓タグ
1つ以上のタグが設定されている
+5
Reviews
💬
Reviews coming soon
