code-walkthroughlisted
Install: claude install-skill imMamdouhaboammar/get-fable
---
name: code-walkthrough
description: Generate an interactive walkthrough artifact explaining code in this project — expandable sections, annotated snippets, and "why this matters" callouts, pitched at someone seeing the code for the first time.
---
No target was given. Ask the user which file, directory, or PR they want explained — one short question — and stop until they answer.
## Goal
Produce an **interactive explainer artifact** for the target above — a
self-contained HTML page a newcomer can read top-to-bottom to understand what
this code does, how it fits together, and why it's built the way it is. Pitch
the writing at explain-like-I'm-new-here: assume the reader is a capable
engineer who has never seen this codebase.
## Explore first
Read the target and whatever it immediately depends on (callers, callees,
types it mentions, tests that exercise it). Build a mental model before
writing a word of the artifact. The artifact is only as good as your
understanding.
## Structure of the artifact
Write an HTML file and publish it with the Artifact tool. Load
the `artifact-design` skill first and give the page a
utilitarian treatment — this is a document, not a landing page.
The page should contain, in this order:
1. **One-paragraph summary** — what the target is for, in plain language.
2. **Map** — a short list or simple diagram of the main pieces and how they
connect. For a single file this is the key functions/types; for a
directo