Code Tutorial MCP Server

Interactive step-by-step code tutorial with live editors, runnable examples, and progress tracking.

Features

• Step-by-Step Tutorials - Structured learning paths with multiple lessons per tutorial
• Live Code Editor - Built-in editor with syntax highlighting for hands-on coding
• Starter Code & Solutions - Each step provides starter code, expected solution, and hints
• Instant Feedback - Pattern-based validation that checks user solutions in real time
• Progress Tracking - Track your progress through multi-step tutorial sequences
• Multiple Topics - Extensible tutorial system supporting various programming concepts

Installation

npm install @gongrzhe/server-code-tutorial

Usage

As a CLI

npx @gongrzhe/server-code-tutorial

Claude Desktop Configuration

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "code-tutorial": {
      "command": "npx",
      "args": ["-y", "@gongrzhe/server-code-tutorial"]
    }
  }
}

Claude Code Configuration

claude mcp add code-tutorial -- npx -y @gongrzhe/server-code-tutorial

Tools

• get-tutorial - Returns a step-by-step code tutorial with starter code, solutions, and hints for each step. Optionally specify a tutorial topic.
• check-solution - Validates the user's code for a given tutorial step and returns pass/fail feedback with hints.

Example Prompt

Start the JavaScript array methods tutorial

After receiving the tutorial, you can work through each step:

Check my solution for the "map" step with this code:
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(n => n * 2);
console.log(doubled);

License

MIT