The Learning Skill offers three operating modes. Each produces different output formats — all as immediately usable HTML files.
The Course Mode generates interactive HTML courses that systematically explain a codebase. Courses are organized in four depth levelsL0 = Overview (5 min.), L1 = Deeper (15 min.), L2 = Details (30 min.), L3 = Reference (technical). Each level links to the next.:
The entire codebase on one page. What does it do, how is it structured, what technologies are used?
Individual topics are expanded. You are here right now — exactly this level.
Workflows, processes, configurations in detail. For those who want to know precisely.
Technical reference with code examples, API documentation, and architecture diagrams.
Each course is automatically segmented for the chosen audienceUsers, developers, or decision makers. Each audience gets different content, depth, and language.. A user course uses different language and examples than a developer course — even though both cover the same codebase.
One HTML file per audience and level. With three audiences and four levels, up to 12 files are created, all interlinked.
HTML files Inline CSS+JS Onboarding DocumentationThe Understand Mode generates a Knowledge GraphA knowledge network where concepts are represented as nodes and their relationships as edges. Enables non-linear exploration. — an interactive knowledge map of your codebase. Instead of linear text, you get a network to explore.
Modules, classes, functions, configurations, concepts, and more — every aspect of your codebase is captured.
Dependencies, data flows, inheritance, imports — all relationships between components become visible.
Groups nodes into logical layers: frontend, backend, database, infrastructure. Toggle on and off.
Predefined paths through the graph that explain important relationships step by step.
The Combined Mode unites course and Knowledge Graph. The special part: the graph is not just generated in parallel, but actively used to improve course quality.
The Knowledge Graph evaluates how important each component is for overall understanding. This helpfulness scoringAn algorithm that calculates which concepts are most important for understanding, based on connectivity, centrality, and dependencies. controls which topics are prioritized and deepened in the course.
Courses + Graph Scoring Data Large Projects Complete AnalysisIn practice, this means: a course generated in Combined Mode is typically better structured than a pure Course Mode course. The graph provides objective data about which parts of the codebase deserve the most explanation.
Trade-off: Combined Mode takes more time since the graph is built first, then the courses. For small projects, pure Course Mode is often sufficient.
The choice depends on your goal and project size. Here is an overview:
| Criterion | Course | Understand | Combined |
|---|---|---|---|
| Linear explanation | ✓ | — | ✓ |
| Interactive graph | — | ✓ | ✓ |
| Helpfulness scoring | — | — | ✓ |
| Ideal for | Onboarding, Docs | Architecture overview | Large projects |
| Speed | Fast | Medium | Slowest |
| Files | Multiple HTML | 1 HTML | Multiple + 1 HTML |
Rule of thumb: Start with Course Mode. If you want to explore the architecture, use Understand Mode. For the full picture, choose Combined.