code-tour
Lets your agent create step-by-step code walkthroughs with exact file and line anchors. It's useful for project introductions, code explanations, or change reviews. Helps understand how a system works.
What it does
Creates 'tour' files for CodeTour, which are step-by-step guides within the code. These guides point to specific files and lines to help understand code sections.
When to use it
- ✓When someone asks for a guide to understand new code.
- ✓To explain how a specific feature works.
- ✓To guide the review of changed code (PR).
Example of what to ask your AI
“Create a tour to explain how the authentication system works for new developers.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The AI analyzes the code and creates a special file (.tour) that the CodeTour plugin uses. This file contains instructions to navigate the code, showing important snippets and explaining what they do.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add affaan-m/ECC --skill code-tourOr download just the file:
curl -L https://raw.githubusercontent.com/affaan-m/ECC/main/pi/core/skills/code-tour/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
Code Tour
Create CodeTour .tour files for codebase walkthroughs that open directly to real files and line ranges. Tours live in .tours/ and are meant for the CodeTour format, not ad hoc Markdown notes.
A good tour is a narrative for a specific reader:
- what they are looking at
- why it matters
- what path they should follow next
Only create .tour JSON files. Do not modify source code as part of this skill.
When to Use
Use this skill when:
- the user asks for a code tour, onboarding tour, architecture walkthrough, or PR tour
- the user says "explain how X works" and wants a reusable guided artifact
- the user wants a ramp-up path for a new engineer or reviewer
- the task is better served by a guided sequence than a flat summary
Examples:
- onboarding a new maintainer
- architecture tour for one service or package
- PR-review walk-through anchored to changed files
- RCA tour showing the failure path
- security review tour of trust boundaries and key checks
When NOT to Use
| Instead of code-tour | Use |
|---|---|
| A one-off explanation in chat is enough | answer directly |
The user wants prose docs, not a .tour artifact |
documentation-lookup or repo docs editing |
| The task is implementation or refactoring | do the implementation work |
| The task is broad codebase onboarding without a tour artifact | codebase-onboarding |
Workflow
1. Discover
Explore the repo before writing anything:
- README and package/app entry points
- folder structure
- relevant config files
- the changed files if the tour is PR-focused
Do not start writing steps before you understand the shape of the code.
2. Infer the reader
Decide the persona and depth from the request.
| Request shape | Persona | Suggested depth |
|---|---|---|
| "onboarding", "new joiner" | new-joiner |
9-13 steps |
| "quick tour", "vibe check" | vibecoder |
5-8 steps |
| "architecture" | architect |
14-18 steps |
| "tour this PR" | pr-reviewer |
7-11 steps |
| "why did this break" | rca-investigator |
7-11 steps |
| "security review" | security-reviewer |
7-11 steps |
| "explain how this feature works" | feature-explainer |
7-11 steps |
| "debug this path" | bug-fixer |
7-11 steps |
3. Read and verify anchors
Every file path and line anchor must be real:
- confirm the file exists
- confirm the line numbers are in range
- if using a selection, verify the exact block
- if the file is volatile, prefer a pattern-based anchor
Never guess line numbers.
4. Write the .tour
Write to:
.tours/<persona>-<focus>.tour
Keep the path deterministic and readable.
5. Validate
Before finishing:
- every referenced path exists
- every line or selection is valid
- the first step is anchored to a real file or directory
- the
refpoints at a branch or commit that actually has every file the tour references (see below) - the tour tells a coherent story rather than listing files
The ref Field
ref ties the tour to a git branch or commit. It matters more than it looks: when ref is not the branch the reader has checked out, CodeTour opens each step's file from that revision in git, not from the files on disk. If a file is not in that revision, the step will not open — the reader sees "The editor could not be opened because the file was not found" even though the file is sitting right there. The tour and its comments still show, so the real cause is easy to miss.
Pick ref by tour type:
| Tour type | Set ref to |
|---|---|
| PR tour | the PR branch — never the base branch |
| Onboarding / architecture | the branch the reader will be on (often main), or leave it out |
| Not sure | leave ref out, so CodeTour reads files straight from disk |
The PR case is the common trap: a PR usually adds new files, and new files do not exist on the base branch yet. Point ref at the base (e.g. develop) and every step on a new file fails to open.
Before finishing, confirm each step's file actually exists at the ref you chose.
Step Types
Content
Use sparingly, usually only for a closing step:
{ "title": "Next Steps", "description": "You can now trace the request path end to end." }
Do not make the first step content-only.
Directory
Use to orient the reader to a module:
{ "directory": "src/services", "title": "Service Layer", "description": "The core orchestration logic lives here." }
File + line
This is the default step type:
…
FAQ
What is a 'CodeTour'?
It's a file containing a roadmap for exploring code, with steps that lead to specific code parts and explanations.
What is the 'ref' field for?
The 'ref' field links the tour to a specific code version (like a branch or commit). This ensures the tour points to the correct files, even if the code has changed.
Can I use this to edit code?
No, this tool is only for creating code exploration guides, not for modifying code.
Details
Original description by the author
Create CodeTour `.tour` files — persona-targeted, step-by-step walkthroughs with real file and line anchors. Use for onboarding tours, architecture walkthroughs, PR tours, RCA tours, and structured "explain how this works" requests. Use when the user asks for a code tour, onboarding walkthrough, PR tour, or an explanation of how a subsystem works.
repo: affaan-m/ECC
Popularity
- GitHub stars
- 280k
- Ranking position
- #24
- License
- MIT
- Updated
- 10/15/2026
Comments
- …
More skills from this repository
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
agent-architecture-audit
Makes your agent check if everything is working correctly. It finds and fixes problems in AI systems, ensuring they perform as expected.
affaan-m/ECC
agent-eval
Helps your agent compare different AI coding tools. It measures which one is faster, cheaper, and more reliable for specific tasks.
affaan-m/ECC
agent-harness-construction
Makes your agent better understand how to perform tasks. It optimizes the tools and instructions the agent uses to increase its chances of success.
affaan-m/ECC
Similar skills
academy-guide
Has your agent recommend courses and tutorials for learning Claude. It's useful when you have questions about how to use Claude or its products.
anthropics/skills
claude-api
Provides information about the Claude API, like models, pricing, and settings. It's useful for developers using the Claude API in their projects.
anthropics/skills
ponytail-help
Provides a quick guide on how to use tools and commands. It helps to understand the available functionalities.
DietrichGebert/ponytail