Generate a D2 diagram that explains how a codebase feature, flow, or architecture works. Designed for fast onboarding — a visual mental model readable in under 2 minutes. Use when asked to walkthrough, explain a flow, trace a code path, show how something works, or explain the architecture.
The exact command may vary by repository. Check the README on GitHub.
For the skill author
Drop this on your repo README
Shows your skill is listed on Skillteca, generates a backlink and trackable traffic.
[](https://www.skillteca.com.br/skills/walkthrough-ajaygunalan?utm_source=badge&utm_medium=readme&utm_campaign=badge)
One short email with only the new Design e Frontend skills. 4 minutes of reading, no spam, unsubscribe with one click.
You confirm your email on the first send. No spam. Unsubscribe with one click.
Codebase Walkthrough Generator
Generate a D2 diagram in markdown that gives someone a quick mental model of how a feature or system works. Fast onboarding — a rough map of concepts and connections, readable in under 2 minutes.
Step 1: Understand the scope
Clarify what the user wants explained:
A specific feature flow (e.g., "how does canvas drawing work")
A data flow (e.g., "how does state flow from composable to component")
An architectural overview (e.g., "how are features or
[Description truncada. Veja o README completo no GitHub.]
