code-walkthrough

Turn AI-generated code changes into ordered browser walkthroughs with explanations attached to exact diffs.

Claude Code plugin that turns a PR, diff or any part of a codebase into a page you read top down, from overview to exact lines. Annotated diff, call graph, line comments and in-place questions to the agent.

AI-driven architecture browser: MCP server + desktop app. Claude Code, Codex & other AI agents explain your codebase with guided walkthroughs, diagrams and visual artifacts. Read-only, local-first. Tauri + Rust + Svelte.

Understand every change before you approve it.

Narrated slide walkthroughs for coding agents, voiced on your machine with Kokoro. The link plays in about a second.

Read AI coding-agent changes as guided, in-editor code walkthroughs.

🔮 Turn any AI-written code change into a gamified, interactive walkthrough, gaming experience

Scroll-driven code tutorials for talks and self-paced learning. Write MDX, keep your code runnable, get a static site with synced steps, live preview and API runner

Claude Code skill: explain a diff as a visual walkthrough — request/response, a numbered call diagram and the full code with notes drawn out by arrows

Two Agent Skills that make code understandable: turn a concept into staged, runnable learning code — or turn source code into a self-contained, annotated HTML walkthrough.

Guided code walkthroughs in VS Code and Cursor: step through any codebase, diff, or AI-generated code with narration, glossary terms, and a quiz to check you understood it.

Answer 'what happens when X?' with an anchored code trail: file:line stops with exact quotes, verified hops, teach-back questions, and a checker that catches rot. EN + 中文.

A skill for Unity game code walkthroughs: module analysis, call flow, architecture, and code structure, without decompilation or asset extraction. 用于 Unity 游戏代码梳理：模块分析、调用流程、架构与代码结构，不涉及反编译和资源提取。

Claude Code skill: generate an educational reveal.js code tour with code snippets, file links, and Mermaid architecture diagrams

Agent skill: turn a pull request into an interactive walkthrough site — validated Archify diagrams + optional isometric Anatomy figure

Claude Code skill: HTML walkthrough reports of diffs, branches and PRs, with plain-English line notes

Turn AI agent workflows into guided, block-level code walkthroughs directly in your IDE.

TraceWeave - Code Flow Tracker: an IntelliJ IDEA plugin to save, walk, diagram and share code paths, and keep and compare debug data.

Graphify（Apache-2.0）的非官方繁體中文教學站——將整個開源 repo（程式碼／文件／技能／測試／案例）做成中英對照講解：概念地圖、學習路線、17 平台安裝指南、逐函數程式碼對照、六個實作案例（含 OpenCode 核心分析與版本釘選），並收錄可操作的雙版本互動知識圖譜。