Claude Skills
CollectionsCompareWorkflowsNominate
Sign inSign up
© 2026 Curated Agent Skills·Learn more about Agent Skills
Back to repository

explain-code

verified

Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks "how does this work?"

View on GitHub

Marketplace

claude-code-inhand

kimliss/claude-code-inhand

Plugin

dev-toolkit

development

Repository

kimliss/claude-code-inhand

plugins/dev-toolkit/skills/explain-code/SKILL.md

Last Verified

February 5, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/kimliss/claude-code-inhand/blob/main/plugins/dev-toolkit/skills/explain-code/SKILL.md -a claude-code --skill explain-code

Installation paths:

Claude
.claude/skills/explain-code/
Powered by add-skill CLI

Instructions

When explaining code, always include:

1. **Start with an analogy**: Compare the code to something from everyday life
2. **Draw a diagram**: Use ASCII art to show the flow, structure, or relationships
3. **Walk through the code**: Explain step-by-step what happens
4. **Highlight a gotcha**: What's a common mistake or misconception?

Keep explanations conversational. For complex concepts, use multiple analogies.

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
412 chars