tutorial-creator

Generates annotated code reading tutorials from real files in your project. Teaches you using examples from your own codebase with vocabulary, comprehension tests, and gap analysis.

Try it — you'd type

“Help me with tutorial-creator.”

And you'd get back

Generates annotated code reading tutorials from real files in your project.

Teaches you using examples from your own codebase with vocabulary, comprehension tests, and gap analysis.

Adding it takes about 30 seconds

Click Get this skill. Grab the .md file, one click, no account needed.

Add it to Claude. Drop it into ~/.claude/skills/. Claude picks it up the next time you open a session.

Ask normally. Type your question. The skill triggers on the right keywords — you don't have to remember anything.

Unlock all skills — $25

You might also like

CLAUDE.md Writer

Write effective CLAUDE.md project configuration files for Claude Code

MCP Server Setup

Set up Model Context Protocol servers for Claude Code

Custom Slash Commands

Create custom slash commands for Claude Code workflows

Hooks Configuration

Configure Claude Code hooks for automated pre/post actions

Skills Writer

Write custom Claude Code skill files with proper format

Memory Setup

Configure Claude Code persistent memory system

SKILL FILEWhat Claude actually reads

## Overview

Many developers using AI to build apps are learning the language and frameworks as they go. Most learning resources use generic examples and walk the learner through steps to build a toy app. Tutorial Creator flips that: it teaches you using examples from your own app's codebase, gathered as you develop your app, one concept at a time.

A Claude Code skill that generates annotated code reading tutorials from real files in your project. Point it at a source file and a concept, and it produces a structured lesson with vocabulary, pre/post comprehension tests, common mistakes, and inline annotations on your actual code. Each tutorial builds on the last, tracking vocabulary and concepts across sessions so nothing gets re-explained and nothing gets skipped.

Works with any language: Swift, TypeScript, Python, Rust, or anything else in your project. Auto-detects your stack and calibrates depth to your experience level (beginner, intermediate, advanced).

## What You Get Per Tutorial

- Vocabulary table (new terms only, cumulative across sessions)
- Pre-test (do you already know this?)
- Core pattern explained with simplified examples
- Your real code, annotated line by line
- Common mistakes table
- Post-test (did you learn it?)
- Answer key with full explanations
- Gap analysis (flags prerequisite concepts you haven't covered yet)

## Usage

- Generate a personalized tutorial on any concept using code you already own
- Track learning progress across sessions with scores, vocabulary growth, and mastery checklists
- Identify knowledge gaps automatically and fill them with targeted follow-up lessons
- Calibrate difficulty to your level so explanations grow with you, not past you

If no source file is given, the skill picks one from your project that best demonstrates the topic.

## Install

```bash
git clone https://github.com/Terryc21/code-smarter.git
cp -r code-smarter/skills/tutorial-creator ~/.claude/skills/
```

Or for a specific project:

```bash
cp -r code-smarter/skills/tutorial-creator /path/to/your/project/.claude/skills/
```

On first run, a setup wizard configures your language, experience level, and tutorial output directory.

## Author

Built by [Terry Nyberg](https://github.com/Terryc21) — [stuffolio.app](https://stuffolio.app)