Interactive Educator

Erstellt ein 4-Bildschirm-sokratisches React-Lehrartefakt aus '/aha [Thema]' – konzipiert für die Artefakt-Sandbox von claude.ai, nicht für Claude Code.

von Wamikmk · Wamikmk/interactive-educator

Funktioniert mit Setup ★ 9.2/10

Interactive Educator — Erstellt ein 4-Bildschirm-sokratisches React-Lehrartefakt aus '/aha [Thema]' – konzipiert für die Artefakt-Sandbox von claude.ai, nicht für Claude Code.

Was es kann

Führt eine kurze adaptive Profilierungsphase durch (Vorwissen, Missverständnis, Anker-Realwelt-Domäne, visuelles Thema) und erstellt dann ein einteiliges React JSX-Artefakt, das als Puzzle → Erkunden → Benennen → Herausforderung strukturiert ist, gesteuert von einer detaillierten Build-Spezifikation, die Komponentenarchitektur, Koordinatensysteme, Theming und Barrierefreiheitsregeln abdeckt. Löst bei '/aha Thema', '/3b1b Thema' oder expliziten interaktiven Erklärungsanfragen aus; löst explizit nicht bei passiven 'Erkläre X'- oder statischen Dokumentanfragen aus.

Testbericht

Die Build-Spezifikation ist wirklich rigoros (verbietet verschachtelte Komponenten-Remounts, schreibt Pointer-Events für Mobile-Drag vor, farbenblinden-sicheres Theming, eine Leistungsgrenze von 500 SVG-Elementen und eine Vorab-Checkliste) und übertrifft eine Baseline-Erklärung in Bezug auf die Struktur deutlich, aber sie ruft nur für claude.ai verfügbare Tools auf (ask_user_input_v0, present_files) und schreibt in /mnt/user-data/outputs/, von denen keiner in Claude Code existiert – daher geschieht, wenn es per Git-Clone in ~/.claude/skills installiert wird, die versprochene Inline-React-Artefakt-Rendering nicht und die .jsx muss extern betrachtet werden (z. B. in claude.ai oder eine lokale Sandbox eingefügt).

Getestet am: 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

Befehle & Beispiel-Prompts

/interactive-educatorErstellt ein 4-Bildschirm-sokratisches React-Lehrartefakt aus '/aha [Thema]' – konzipiert für die Artefakt-Sandbox von claude.ai, nicht für Claude Code.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

Teach me gradient descent with an interactive puzzle-style explainer
Build a hands-on Socratic lesson that helps me discover recursion myself
Make an explorable interactive explainer to teach photosynthesis visually

Vollständiger Testbericht (Englisch) →