skills.rest
alexanderopalexanderopCommunity·1 Agent Skills Included

walkthrough

Interactive codebase walkthroughs with clickable diagrams

Generates self-contained HTML walkthroughs with clickable Mermaid flowcharts and ER diagrams that explain codebase features, flows, architecture, and database schemas. Eliminates slow manual code reading by giving new developers a visual mental model in under two minutes. Explores the codebase with parallel subagents, then produces pan-and-zoom diagrams with syntax-highlighted code snippets and plain-English explanations.
125|18
↗
npx skills add alexanderop/walkthrough --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
alexanderopalexanderop

walkthrough

Generate self-contained HTML walkthroughs with Mermaid diagrams for codebase flows.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install walkthrough?▼

Run `npx skills add alexanderop/walkthrough --all -g -y` in your terminal to install the skill globally.

How to visually explain how a codebase feature works?▼

Ask your agent to walk you through any feature, and it generates an interactive HTML file with a clickable diagram, plain-English descriptions, file paths, and code snippets.

Can it generate ER diagrams for database schemas?▼

Yes. It automatically picks an ER diagram for database and data model topics, showing tables, columns, keys, and relationships.

Does walkthrough work with Claude Code?▼

Yes. It follows the standard SKILL.md format and runs in Claude Code and other compatible coding agents, opening the result in your browser.

Do I need to configure anything to use it?▼

No. Once installed, just ask questions like 'how does authentication work' and the agent explores your code and builds the walkthrough automatically.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills