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.
✓Works with OpenClaudeBuilt by Terry Nyberg
Solo dev building Stuffolio, a personal inventory app for iOS. Builds Claude Code skills that reason about user intent and behavior, not just code patterns.
Visit stuffolio.app →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
git clone https://github.com/Terryc21/code-smarter.git
cp -r code-smarter/skills/tutorial-creator ~/.claude/skills/
Or for a specific project:
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 — stuffolio.app
Related Claude Code Skills
Other Claude Code skills in the same category — free to download.
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
Permissions Config
Configure Claude Code permission settings and tool access
Agent SDK Setup
Build custom agents with Claude Agent SDK
Want a Claude Code skill personalized to YOUR project?
This is a generic skill that works for everyone. Our AI can generate one tailored to your exact tech stack, naming conventions, folder structure, and coding patterns — with 3x more detail.