Skip to content
Devtools

Guided Code Tours

Record step-by-step tours through a codebase that newcomers can follow.

Intermediate14h1–2 people17/20 fit
TL;DR

Build Guided Code Tours for maintainers onboarding contributors in ~14h with 1–2 people. Stack: Tree-sitter + LLM + Next.js.

Why it wins: Scales maintainers' knowledge.

Build flow

01 · Problem
Onboarding relies on someone being available to explain the code.
02 · Solution
Maintainers create tours with file and line anchors and notes, an LLM drafts tours from a question and tours update when lines move.
03 · Build
  1. 1Build tour format
  2. 2Render steps
  3. 3Draft with LLM
  4. 4Re-anchor
04 · Demo
Follow a tour explaining the request lifecycle.

MVP checklist

  • Tour editor
  • Line anchors
  • AI drafted tours
  • Anchor updates

Tech stack

TechRole
Tree-sitterCode parsing
LLMLanguage model
Next.jsFrontend + API routes

Reference repos

Open-source projects you can build on. Links checked 2026-10-31.

Related ideas

More Devtools

  • Devtools

    Docs Drift Detector

    Find docs that no longer match the code

    Intermediate14h1–2
    Tree-sitterLLMGitHub Actions
    17/20

  • Devtools

    Interactive Codebase Map

    Explore a codebase as a map of modules, dependencies and owners

    Advanced24h2–3
    Tree-sitterEChartsLLM
    17/20

  • Devtools

    Repo README Generator

    Writes a solid README from the repo’s code

    Beginner12h1–2
    Node.jsLLMMarkdown
    14/20