Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add Mohamed-El-Sharqawy/agent-tutor --skill agent-tutor-visualizegit clone --depth 1 https://github.com/Mohamed-El-Sharqawy/agent-tutorWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/mohamed-el-sharqawy/agent-tutor/agent-tutor-visualize)<a href="https://agentmods.dev/skills/mohamed-el-sharqawy/agent-tutor/agent-tutor-visualize"><img src="https://agentmods.dev/badge/skills/mohamed-el-sharqawy/agent-tutor/agent-tutor-visualize/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/mohamed-el-sharqawy/agent-tutor/agent-tutor-visualize"><img src="https://agentmods.dev/badge/skills/mohamed-el-sharqawy/agent-tutor/agent-tutor-visualize.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00067 | $0.01983 |
| Opus 5 | $0.00034 | $0.00992 |
| Sonnet 5 | $0.00013 | $0.00397 |
| Haiku 4.5 | $0.00007 | $0.00198 |
Grade A, and why
agent-tutor-visualize scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 134 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Agent Tutor — Visualize
Good visuals are not decoration — they encode structure that text can't. Use this skill whenever a lesson note would benefit from a picture.
Vault root: OBSIDIAN_VAULT env var, else learning/ in the current workspace. Subject assets go to <vault>/Learning/<Subject>/assets/.
1. Choose the right form
| The concept is... | Use | Mermaid type |
|---|---|---|
| A process, flow, or decision | Flowchart | flowchart LR / TB |
| A taxonomy or breakdown | Mind map | mindmap |
| Interactions over time | Sequence diagram | sequenceDiagram |
| A chronology or evolution | Timeline | timeline |
| System structure / behavior | Class / state diagram | classDiagram, stateDiagram-v2 |
| Data relationships | ER diagram | erDiagram |
| A 2×2 comparison of options | Quadrant chart | quadrantChart |
| Proportions | Pie chart | pie |
| Side-by-side feature comparison | Table (not a diagram) | — |
| A spatial layout, annotated figure, or custom illustration | SVG | — |
If none fits, don't force it. A crisp table often beats a mediocre diagram.
2. Mermaid rules
- Validate before embedding. If a
mermaid_linttool is available, run it on the code and fix all errors. Otherwise self-check against this list (and prefer simple constructs — they render everywhere). - Keep it under ~15 nodes. Split into two diagrams if needed.
- Short labels (< 20 chars). Detail belongs in the note text, not in boxes.
- Direction:
LRfor pipelines/steps,TBfor hierarchies and mindmaps. - Quote labels containing special characters:
A["Node (with parens)"]. - Renderers support core Mermaid only — no
initdirectives, no plugins, no icon packs, no HTML inside labels (except<br/>). - One diagram per idea. A diagram that needs a paragraph of explanation is too complicated.
Embed directly in the note:
```mermaid
flowchart LR
A[Input] --> B{Decision}
B -- yes --> C[Path 1]
B -- no --> D[Path 2]
```
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 6d ago Changed · +2 lines bae85fdd88b6
- 11d ago First seen · 132 lines · 67 tokens per session scan A c3ea6d84bf46
agent-tutor-visualize is a skill published in the GitHub repository Mohamed-El-Sharqawy/agent-tutor (3 stars, last pushed 10d ago), licensed MIT. It adds 67 tokens to every session and 1,983 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
study-teach
Personalized lecture & explanation sub-skill for a Chinese graduate-exam learner who values step-by-step reasoning, intuitive/visual understanding, strict condition checking, error diagnosis, and exam-oriented transfer. Orchestrated by study-assistant but also usable standalone. Use when the learner wants a…
study-assistant
An exam-preparation tutor that guides learners through study material step by step, in Simplified Chinese. It can organize chapters, teach individual topics, create quizzes, and check understanding.
study-quiz
A quiz and grading workflow for learners who provide exam questions, request a test, submit answers, or review mistakes. It creates question banks, quizzes, grading reports, and a record of recurring errors.
study-feynman
A study helper that checks whether a learner can explain a subject clearly using the Feynman technique. The technique tests understanding by asking someone to explain an idea in simple words to a beginner.
study-mindmap
A tool that turns a study knowledge file into an interactive HTML mind map, a visual tree of related ideas. It works offline in a browser and shows learning status for each point.
doceo
Turn anything the user wants to learn into a short, visual, plain-language teachable artifact (one HTML lesson page + a markdown lesson note), calibrated to what they already know and improving with every use. Use when the user runs /doceo, says "teach me X", "I don't understand X", "explain this simply", "make this…