Claude Skills by yarikleto

DEFAULT diagram skill — simplest tier. Use when user invokes /claude-teacher:ascii OR when suggesting a quick visual. Creates ASCII art rendered inline in terminal — zero friction. Escalate to /claude-teacher:excalidraw for complex static diagrams (5+ components, multi-layer). Escalate to /claude-teacher:demo for animated/dynamic concepts (protocol handshakes, algorithm traces, state transitions).

Use when the student wants a mini-task or practice exercise on the current topic — generates short focused challenges adapted to learning type (code, conceptual, or scenario-based). Results saved to global education DB.

Use when the student wants a structured side-by-side comparison of two concepts — creates a researched comparison table, usage scenarios, misconceptions, and key takeaway adapted to the student's level

Use when the concept needs ANIMATION or INTERACTIVITY to be understood — step-by-step protocol flows, sorting algorithm traces, state machine transitions, network packet journeys, or anything where static images fall short. Generates a single .html file with Canvas/SVG + JavaScript that opens in any browser; styling and the UI layer load from a CDN. For static diagrams use /claude-teacher:ascii (simple) or /claude-teacher:excalidraw (complex).

Middle tier — complex STATIC diagrams. Use when user invokes /claude-teacher:excalidraw, OR when concept has 5+ components, multi-layer architecture, or detailed data structures that benefit from editable layout. Generates .excalidraw JSON files opened in excalidraw.com or VS Code. For simple visuals use /claude-teacher:ascii. For animated/dynamic concepts (protocol handshakes, algorithm traces) use /claude-teacher:demo instead.

Use when the student wants to generate Anki-style flashcards from studied topics — creates question/answer cards in Markdown and Anki-compatible CSV, prioritized by weak areas and misconceptions. Cards saved to global education DB and project-local docs.

Set up a learning project and student profile, preserving existing project instructions and settings. Run explicitly to onboard or update preferences.

Offer brief, personalized encouragement when the student asks or shows repeated frustration. Optionally use a sourced quote; keep helping when offline.

Use when the student wants to see their knowledge dashboard — shows what they know, what's weak, what's due for review, misconceptions, and overall stats across all projects

Use when the user wants to be quizzed, tested, or asked questions on any topic — programming concepts, protocols, algorithms, tools, or any subject they are studying

Use when the student has a task, project, or goal and needs a structured learning plan — researches prerequisites, finds authoritative resources (docs, articles, RFCs, tutorials), and saves a checklist-style study plan to a file. The student follows the plan at their own pace.

Explicitly delete the global education database after showing its resolved path and obtaining confirmation. Keeps project files and configuration.

Use when the student wants a visual learning roadmap for a goal or topic area — reads current knowledge state, researches the standard learning path, and generates an interactive .excalidraw diagram with color-coded topic nodes, prerequisite arrows, and milestone markers. Visual companion to /claude-teacher:research.

Use when the student wants to checkpoint their progress mid-session — flushes all current session state to the global education DB without ending the session

Use when the student is ending a learning session — generates a recap of what was covered, updates knowledge tracking in the global DB, and suggests what to start with next time