Turn AI-generated code changes into ordered browser walkthroughs with explanations attached to exact diffs.
-
Updated
Sep 28, 2026 - TypeScript
Turn AI-generated code changes into ordered browser walkthroughs with explanations attached to exact diffs.
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.
🔮 Turn any AI-written code change into a gamified, interactive walkthrough, gaming experience
Read AI coding-agent changes as guided, in-editor code walkthroughs.
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
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.
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
IntelliJ IDEA plugin for following a code path: collect the lines that matter in call order, edit the flow as a diagram, and copy it as text, Markdown (Mermaid) or PNG. Java, Kotlin, JSP, JavaScript and more.
A skill for Unity game code walkthroughs: module analysis, call flow, architecture, and code structure, without decompilation or asset extraction. 用于 Unity 游戏代码梳理:模块分析、调用流程、架构与代码结构,不涉及反编译和资源提取。
Turn AI agent workflows into guided, block-level code walkthroughs directly in your IDE.
Claude Code skill: generate an educational reveal.js code tour with code snippets, file links, and Mermaid architecture diagrams
Narrated slide walkthroughs for coding agents, voiced on your machine with Kokoro. The link plays in about a second.
Agent skill: turn a pull request into an interactive walkthrough site — validated Archify diagrams + optional isometric Anatomy figure
Learn while you delegate. Plugin para agentes de IA que explica, arquivo por arquivo, o código que o agente escreveu.
Graphify(Apache-2.0)的非官方繁體中文教學站——將整個開源 repo(程式碼/文件/技能/測試/案例)做成中英對照講解:概念地圖、學習路線、17 平台安裝指南、逐函數程式碼對照、六個實作案例(含 OpenCode 核心分析與版本釘選),並收錄可操作的雙版本互動知識圖譜。
A Claude Code plugin: turn any codebase into a forensic, source-verified HTML walkthrough grounded in file:line evidence — then extract an OpenAPI 3.0.3 spec and Postman collection from the same verified sidecar.
Turn code into a guided, annotated walkthrough you can export. Heuristic, offline, no AI.
To associate your repository with the code-walkthrough topic, visit your repo's landing page and select "manage topics."