Awesome-claude-code s7-explain-with-diagrams

Name: s7-explain-with-diagrams
Author: pgagarinov

Explain code using visual ASCII diagrams and analogies

install

source · Clone the upstream repo

git clone https://github.com/pgagarinov/awesome-claude-code

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/pgagarinov/awesome-claude-code "$T" && mkdir -p ~/.claude/skills && cp -r "$T/examples/05-skills-n-agents/.claude/skills/s7-explain-with-diagrams" ~/.claude/skills/pgagarinov-awesome-claude-code-s7-explain-with-diagrams && rm -rf "$T"

manifest: examples/05-skills-n-agents/.claude/skills/s7-explain-with-diagrams/SKILL.md

source content

S7 — Explain with Diagrams:

$ARGUMENTS

Explain the code or concept specified by

$ARGUMENTS

using the structured template in

templates/explanation-template.md

Instructions

Read the target — if it's a file path, read the file. If it's a concept, find the relevant code in the project.
Follow the template in the
```
templates/
```
subdirectory of this skill. Read
```
templates/explanation-template.md
```
and fill in each section.
Key requirements:
- The analogy must be relatable (kitchen, library, post office, etc.)
- The ASCII diagram must show data flow or structure
- The walkthrough must reference specific line numbers
- The gotcha must be a real pitfall, not a generic warning