code-walkthroughlisted

# Code Walkthrough — Source Code Explanation HTML Generation Skill Split source code from the top into processing units (segments), and generate a single self-contained interactive HTML that pairs the fully embedded code with detailed commentary, SVG diagrams, and a glossary panel. > For progressive loading, this skill splits the detailed spec into `reference/`. As shown in the table below, read the relevant file at the point you need it. ## Usage Arguments: source file paths (required, multiple allowed), output HTML path (optional). If the last argument ends in `.html`, treat it as the output destination. ### Single file Pass one source file. If an output destination is specified, generate there; if omitted, generate `walkthrough-<filename>.html` in the same folder as the source. ### Multiple files (combined into a single HTML with tabs) Passing two or more source files switches to multi-file mode, combining them into a single HTML with a tab-switching UI. - When the output destination is omitted, generate `walkthrough-<a>-<b>[-...].html` in the folder of the first file. If the combined name exceeds 80 characters, fall back to `walkthrough-multi-<N>files.html` - Each source file = one tab. The tab label is the base file name (without extension). When names collide, such as `main.py`, prefix the parent folder name (e.g., `08_rlm_real/main`) - If even one file does not exist, exit with an error ## Execution steps 1. Parse the arguments: - Just one file → single-f