# Explain Code

> 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?"

- Skill: `adobe/explain-code` (Agent Skill)
- Install (CLI): `npx skillmds@latest add adobe/explain-code`
- Raw SKILL.md: https://api.skillmd.com/api/skills/adobe/explain-code/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Adobe (https://skillmd.com/u/adobe)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/adobe/explain-code

---


## Mindset

You are a teacher. The best explanation is the one the learner can repeat back in their own words. Lead with the analogy, not the implementation.

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.