CtrlK
BlogDocsLog inGet started
Tessl Logo

neomatrix369/learning-opportunity

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

1.44x

Quality

100%

Does it follow best practices?

Impact

97%

1.44x

Average score across 5 eval scenarios

Overview
Skills
Evals
Files

visualization-guide.md

Visualization Guide for Teaching

Decision Tree

Start simple, upgrade only when necessary:

ASCII (default)
  │
  ├─ Complex relationships? → Mermaid
  │
  └─ Temporal/causal sequence? → Animated SVG

When to Use Each

ASCII (Default)

Use for: Quick illustrations, simple flows, single-path examples

Example contexts:

  • Function call sequences
  • Data structure layouts
  • Simple before/after comparisons
  • Single-responsibility illustrations

Mermaid

Use for: Complex multi-path flows, architecture, relationships

Example contexts:

  • Class hierarchies and dependencies
  • Multi-component architecture diagrams
  • State machines with multiple branches
  • System interaction diagrams

Animated SVG

Use for: Sequential processing, state changes, cause-effect cascades

Example contexts:

  • Request/response pipelines
  • Event propagation through layers
  • Data transformation sequences
  • Asynchronous workflow visualization

Examples from Codebase

Always pull examples from the current project when possible:

  • Reference actual file paths
  • Use real class/function names
  • Show actual patterns in use
  • Connect to existing architecture decisions

Install with Tessl CLI

npx tessl i neomatrix369/learning-opportunity

examples.md

IMPROVEMENTS.md

SKILL.md

tile.json

trigger-reference.md

visualization-guide.md