Progressive concept teaching through three depth levels (Core → Mechanics → Deep Dive). Creates diagrams, provides annotated code walkthroughs from the current codebase, and builds explanations from fundamentals to production internals. Triggers: "teach me about [pattern/concept]", "how does [architecture/pattern] work", "walk me through [this implementation]", "tutorial on [concept]", "deep dive into [system/pattern]", "help me understand [this design]" Use when: user requests multi-level learning about code patterns, architecture, or implementation mechanics with checkpoint-based progression. Not for: quick answers, single-sentence explanations, code fixes, or "what does this line do" questions—those are standard assistance.
98
Quality
100%
Does it follow best practices?
Impact
97%
1.44xAverage score across 5 eval scenarios
{
"context": "Evaluate visualization selection: ASCII for simple flows, Mermaid for static architecture, animated SVG or Mermaid sequence for temporal pipelines, and appropriate upgrades when complexity increases.",
"type": "weighted_checklist",
"checklist": [
{
"name": "test-a-uses-ascii",
"description": "Test Case A uses ASCII diagram for simple function flow",
"max_score": 1
},
{
"name": "test-a-shows-sequence",
"description": "Test Case A shows the 5-step sequence clearly in the diagram",
"max_score": 0.5
},
{
"name": "test-a-appropriate-for-complexity",
"description": "Test Case A visualization matches low complexity (no over-engineering with Mermaid/SVG)",
"max_score": 0.5
},
{
"name": "test-b-uses-mermaid-or-svg",
"description": "Test Case B uses Mermaid or SVG (NOT ASCII) for architecture complexity",
"max_score": 1
},
{
"name": "test-b-shows-relationships",
"description": "Test Case B diagram shows service dependencies and interactions",
"max_score": 0.5
},
{
"name": "test-b-appropriate-for-static-structure",
"description": "Test Case B uses appropriate format for static architecture (Mermaid preferred for static structures)",
"max_score": 0.5
},
{
"name": "test-c-uses-animated-svg-or-mermaid-sequence",
"description": "Test Case C uses animated SVG or Mermaid sequence diagram for temporal pipeline",
"max_score": 1
},
{
"name": "test-c-shows-transformations",
"description": "Test Case C shows data transformations at each stage",
"max_score": 0.5
},
{
"name": "test-c-emphasizes-temporal-aspect",
"description": "Test Case C visualization emphasizes the time/sequence dimension of the pipeline",
"max_score": 0.5
},
{
"name": "test-d-recognizes-complexity-increase",
"description": "Test Case D acknowledges that complexity has increased from single service to 5 services",
"max_score": 0.5
},
{
"name": "test-d-upgrades-visualization",
"description": "Test Case D upgrades from ASCII to Mermaid/SVG for increased complexity",
"max_score": 1
},
{
"name": "test-d-explains-why-upgrade",
"description": "Test Case D briefly explains why visualization format changed (complexity, relationships)",
"max_score": 0.5
}
]
}Install with Tessl CLI
npx tessl i neomatrix369/learning-opportunity@0.1.0evals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5