Claude Code code-explainer skill for a code walkthrough
Explain key functions, decisions, execution flow, and edge behavior from a supplied excerpt.
中文Install in Claude Code
A Claude Code project with your supplied code excerpt. The example uses a fictional learning project.
- Review `.claude/skills/code-explainer/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.claude/skills/code-explainer/` in your project and save the reviewed file as `.claude/skills/code-explainer/SKILL.md`.
- Start Claude Code from that project's root, then select `/code-explainer` in the slash menu.
Example task
Invoke /code-explainer and use these fictional preview notes to brief a teammate.
file `PreviewPanel.ts` | function `visibleRoutes` removes rows with hidden=true
`showPreview` renders the remaining names and displays `No routes` when the result is empty
sample `Oak:visible`, `Lake:hidden`What to check
Explain that `visibleRoutes` filters `Lake:hidden` and `showPreview` displays the name from `Oak:visible`. If all routes are hidden, show `No routes`.
Original SKILL.md on GitHub · Updated
Frequently asked question
How do I make a walkthrough useful to a new teammate?
Start with the main components and their roles, then walk through inputs, execution, output, and important edges.