Claude-skills code-tour

Use when the user asks to create a CodeTour .tour file — persona-targeted, step-by-step walkthroughs that link to real files and line numbers. Trigger for: create a tour, onboarding tour, architecture tour, PR review tour, explain how X works, vibe check, RCA tour, contributor guide, or any structured code walkthrough request.

install
source · Clone the upstream repo
git clone https://github.com/alirezarezvani/claude-skills
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/alirezarezvani/claude-skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/engineering/code-tour" ~/.claude/skills/alirezarezvani-claude-skills-code-tour-3497bd && rm -rf "$T"
manifest: engineering/code-tour/SKILL.md
source content

Code Tour

Create CodeTour files — persona-targeted, step-by-step walkthroughs of a codebase that link directly to files and line numbers. CodeTour files live in

.tours/
and work with the VS Code CodeTour extension.

Overview

A great tour is a narrative — a story told to a specific person about what matters, why it matters, and what to do next. Only create

.tour
JSON files. Never modify source code.

When to Use This Skill

  • User asks to create a code tour, onboarding tour, or architecture walkthrough
  • User says "tour for this PR", "explain how X works", "vibe check", "RCA tour"
  • User wants a contributor guide, security review, or bug investigation walkthrough
  • Any request for a structured walkthrough with file/line anchors

Core Workflow

1. Discover the repo

Before asking anything, explore the codebase:

In parallel: list root directory, read README, check config files. Then: identify language(s), framework(s), project purpose. Map folder structure 1-2 levels deep. Find entry points — every path in the tour must be real.

If the repo has fewer than 5 source files, create a quick-depth tour regardless of persona — there's not enough to warrant a deep one.

2. Infer the intent

One message should be enough. Infer persona, depth, and focus silently.

User saysPersonaDepth
"tour for this PR"pr-reviewerstandard
"why did X break" / "RCA"rca-investigatorstandard
"onboarding" / "new joiner"new-joinerstandard
"quick tour" / "vibe check"vibecoderquick
"architecture"architectdeep
"security" / "auth review"security-reviewerstandard
(no qualifier)new-joinerstandard

When intent is ambiguous, default to new-joiner persona at standard depth — it's the most generally useful.

3. Read actual files

Every file path and line number must be verified. A tour pointing to the wrong line is worse than no tour.

4. Write the tour

Save to

.tours/<persona>-<focus>.tour
.

{
  "$schema": "https://aka.ms/codetour-schema",
  "title": "Descriptive Title — Persona / Goal",
  "description": "Who this is for and what they'll understand after.",
  "ref": "<current-branch-or-commit>",
  "steps": []
}

Step types

TypeWhen to useExample
ContentIntro/closing only (max 2)
{ "title": "Welcome", "description": "..." }
DirectoryOrient to a module
{ "directory": "src/services", "title": "..." }
File + lineThe workhorse
{ "file": "src/auth.ts", "line": 42, "title": "..." }
SelectionHighlight a code block
{ "file": "...", "selection": {...}, "title": "..." }
PatternRegex match (volatile files)
{ "file": "...", "pattern": "class App", "title": "..." }
URILink to PR, issue, doc
{ "uri": "https://...", "title": "..." }

Step count

DepthStepsUse for
Quick5-8Vibecoder, fast exploration
Standard9-13Most personas
Deep14-18Architect, RCA

Writing descriptions — SMIG formula

  • S — Situation: What is the reader looking at?
  • M — Mechanism: How does this code work?
  • I — Implication: Why does this matter for this persona?
  • G — Gotcha: What would a smart person get wrong?

5. Validate

  • Every
    file
    path relative to repo root (no leading
    /
    or
    ./
    )
  • Every
    file
    confirmed to exist
  • Every
    line
    verified by reading the file
  • First step has
    file
    or
    directory
    anchor
  • At most 2 content-only steps
  • nextTour
    matches another tour's
    title
    exactly if set

Personas

PersonaGoalMust cover
VibecoderGet the vibe fastEntry point, main modules. Max 8 steps.
New joinerStructured ramp-upDirectories, setup, business context
Bug fixerRoot cause fastTrigger -> fault points -> tests
RCA investigatorWhy did it failCausality chain, observability anchors
Feature explainerEnd-to-endUI -> API -> backend -> storage
PR reviewerReview correctlyChange story, invariants, risky areas
ArchitectShape and rationaleBoundaries, tradeoffs, extension points
Security reviewerTrust boundariesAuth flow, validation, secret handling
RefactorerSafe restructuringSeams, hidden deps, extraction order
External contributorContribute safelySafe areas, conventions, landmines

Narrative Arc

  1. Orientation
    file
    or
    directory
    step (never content-only first step — blank in VS Code)
  2. High-level map — 1-3 directory steps showing major modules
  3. Core path — file/line steps, the heart of the tour
  4. Closing — what the reader can now do, suggested follow-ups

Anti-Patterns

Anti-patternFix
File listing — "this file contains the models"Tell a story. Each step depends on the previous.
Generic descriptionsName the specific pattern unique to this codebase.
Line number guessingNever write a line you didn't verify by reading.
Too many steps for quick depthActually cut steps.
Hallucinated filesIf it doesn't exist, skip the step.
Recap closing — "we covered X, Y, Z"Tell the reader what they can now do.
Content-only first stepAnchor step 1 to a file or directory.

Cross-References

  • Related:
    engineering/codebase-onboarding
    — for broader onboarding beyond tours
  • Related:
    engineering/pr-review-expert
    — for automated PR review workflows
  • CodeTour extension: microsoft/codetour
  • Real-world tours: coder/code-server