Interactive Educator
Bygger et 4-skærms Sokratisk React undervisnings-artefakt fra '/aha [emne]' — designet til claude.ai's artifact sandbox, ikke Claude Code.
Virker med opsætning
Hvad det gør
Kører en kort adaptiv profileringsfase (forudgående viden, misforståelse, anker reelt domæne, visuelt tema) og bygger derefter et enkelt-fil React JSX-artefakt struktureret som Puzzle → Explore → Name → Challenge, styret af en detaljeret build-specifikation, der dækker komponentarkitektur, koordinatsystemer, tema- og tilgængelighedsregler. Udløses ved '/aha topic', '/3b1b topic', eller eksplicitte interaktive-forklarer anmodninger; udløses eksplicit ikke ved passive 'explain X' eller statiske dokumentanmodninger.
Testrapport
Build-specifikationen er ægte stringent (forbyder nested-component remounts, kræver pointer-events til mobil træk, farveblinde-sikker tema, en 500-SVG-element performance loft, og en pre-flight tjekliste) og slår klart en baseline-forklaring i struktur, men den kalder claude.ai-kun værktøjer (ask_user_input_v0, present_files) og skriver til /mnt/user-data/outputs/, som ingen af dem eksisterer i Claude Code — så når den installeres via git clone i ~/.claude/skills, sker den lovede inline React-artifact rendering ikke, og .jsx skal ses eksternt (f.eks. indsættes i claude.ai eller en lokal sandbox).
Testet: 2026-07-15 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/Wamikmk/interactive-educator.git mkdir -p ~/.claude/skills cp -r interactive-educator/skill ~/.claude/skills/interactive-educator
Kommandoer og eksempelprompter
/interactive-educatorBygger et 4-skærms Sokratisk React undervisnings-artefakt fra '/aha [emne]' — designet til claude.ai's artifact sandbox, ikke Claude Code.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
Teach me gradient descent with an interactive puzzle-style explainerBuild a hands-on Socratic lesson that helps me discover recursion myselfMake an explorable interactive explainer to teach photosynthesis visually