skills.rest
hbvg234
hbvg234COMMUNITY
Explore all skills by this author →
GitHub

code-tour

Create JSON CodeTour walkthroughs anchored to specific files and lines.

1|Updated Apr 9, 2026
Search Tags:#vscode#architecture#onboarding#pr-review#code walkthrough#codetour
One-click install
npx skills add https://github.com/hbvg234/jnmt.vn --skill code-tour-hbvg234
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: code-tour
Source: https://github.com/hbvg234/jnmt.vn/tree/main/.claude/skills/code-tour
Command: npx skills add https://github.com/hbvg234/jnmt.vn --skill code-tour-hbvg234

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

CodeTour files provide a narrative, persona-focused, step-by-step walkthrough of a codebase with links to specific files and line numbers. They live in .tours/ and are designed to work with the VS Code CodeTour extension, enabling quick orientation and collaboration.

Core Features & Use Cases

  • Persona-targeted, structured tours for onboarding, architecture reviews, PR explanations, or contributor guides.
  • Anchors to real files and line numbers to ensure precise navigation.
  • Reusable, shareable walkthroughs that sync with CodeTour workflows in development environments.

Quick Start

Create a CodeTour by placing a .tour JSON file inside .tours with anchored file/line steps for your target persona.

Frequently Asked Questions about code-tour

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a code walkthrough for onboarding new developers to a repository?▼

Code walkthroughs for onboarding are created by placing a JSON .tour file inside the .tours directory, containing persona-targeted narrative steps anchored to specific files and line numbers.

What is a CodeTour file and how does it guide code understanding?▼

A CodeTour file is a JSON document providing a narrative, step-by-step walkthrough of a codebase, using anchors to link directly to specific files and line numbers for precise navigation and orientation.

Does the CodeTour walkthrough format work with VS Code?▼

Yes, CodeTour walkthroughs integrate directly with the VS Code CodeTour extension, enabling quick orientation and collaboration by syncing structured, anchored tours within the development environment.

Can I use code walkthroughs for PR reviews and architecture explanations?▼

Yes, you can use code walkthroughs for PR reviews, architecture reviews, and contributor guides by creating structured, reusable tours that anchor to specific files and lines to explain code changes clearly.

What's the best way to structure a contributor guide for a complex codebase?▼

The best way to structure a contributor guide is to create a CodeTour that anchors to real files and line numbers, providing a reusable, shareable, persona-focused narrative walkthrough that syncs with VS Code workflows.

Related Skills

Explore More Software Engineering Skills→
Cogni-AI-OUCogni-AI-OU
3

code-tour

Generate VS Code CodeTour .tour walkthroughs with persona-specific steps and validation.

Official
Intermediate
klu-devklu-dev
2

code-tour

Generate CodeTour .tour files with file and line anchors for codebase walkthroughs.

Community
Intermediate
JamkrisJamkris
86

code-tour

Create .tour JSON artifacts anchored to files and line ranges for codebase walkthroughs.

Community
Advanced
densondenson

hce

Index multi-language codebases into hypergraphs for structural queries and HTML visualizations.

Community
Advanced