diffity-tour

Community

Guided in-browser code tours.

Authorkamranahmedse
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building large codebases often requires structured, guided explanations to onboard new contributors and align understanding. Diffity Tour provides a framework to create interactive, in-browser tours that narrate code paths and highlights in real time.

Core Features & Use Cases

  • Guided tours in the browser: Narrated steps with highlighted code sections to explain features, bugs, or design decisions.
  • Step navigation and annotations: Authors can add step-by-step explanations, with optional annotations and transitions.
  • Goto links and diagrams: Supports clickable references to code locations and Mermaid diagrams for visual data flows.

Quick Start

Start a tour by issuing the tour-start command with a short topic and optional body, then add steps using tour-step and finish with tour-done.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: diffity-tour
Download link: https://github.com/kamranahmedse/diffity/archive/main.zip#diffity-tour

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.