Interactive Code Tour Creator

•
215k
•

Generates structured VS Code CodeTour files to provide step-by-step narrative walkthroughs of codebases for onboarding and reviews.

The CodeTour skill automates the creation of interactive .tour files, allowing developers to build guided, line-by-line journeys through their source code. Instead of static documentation, it creates persona-targeted walkthroughs that anchor explanations directly to specific files and line numbers. This is ideal for onboarding new engineers, explaining complex architectural patterns, or providing context for pull requests and root cause analyses, ensuring that the 'why' behind the code is always accessible within the editor.

Key Features

01Maps complex architectural flows into logical, sequential steps
02Tailors walkthrough depth based on target personas like new-joiners or reviewers
03214,597 GitHub stars
04Automates the discovery of repository entry points for comprehensive tours
05Generates standard .tour JSON files for VS Code compatibility
06Creates precise line-specific anchors for accurate navigation

Use Cases

01Documenting complex pull requests to help reviewers understand the impact of changes
02Accelerating new engineer onboarding with 10-15 step repository walkthroughs
03Creating architectural guides that explain how specific features or data flows work