Interactive Educator

Bygger et 4-skjerms sokratisk React-undervisningsartefakt fra '/aha [emne]' — designet for claude.ai's artefaktsandkasse, ikke Claude Code.

av Wamikmk · Wamikmk/interactive-educator

Krever oppsett ★ 9.2/10

Interactive Educator — Bygger et 4-skjerms sokratisk React-undervisningsartefakt fra '/aha [emne]' — designet for claude.ai's artefaktsandkasse, ikke Claude Code.

Hva den gjør

Kjører en kort adaptiv profileringsfase (tidligere kunnskap, misforståelse, anker reell verden domene, visuelt tema) og bygger deretter et enkelt-fil React JSX-artefakt strukturert som Puzzle → Explore → Name → Challenge, styrt av en detaljert byggespesifikasjon som dekker komponentarkitektur, koordinatsystemer, tematisering og tilgjengelighetsregler. Utløses ved '/aha emne', '/3b1b emne', eller eksplisitte interaktive-forklarer forespørsler; utløses eksplisitt ikke ved passive 'forklar X' eller statiske dokumentforespørsler.

Testrapport

Byggespesifikasjonen er genuint rigorøs (forbyr re-montering av nestede komponenter, pålegger pointer-events for mobil dra, fargeblind-trygg tematisering, en ytelsestak på 500 SVG-elementer, og en pre-flight sjekkliste) og slår klart en baseline-forklaring i struktur, men den kaller claude.ai-eksklusive verktøy (ask_user_input_v0, present_files) og skriver til /mnt/user-data/outputs/, som ingen av delene eksisterer i Claude Code — så når den installeres via git clone inn i ~/.claude/skills, skjer ikke den lovede inline React-artefakt-gjengivelsen, og .jsx må sees eksternt (f.eks. limes inn i claude.ai eller en lokal sandkasse).

Testet på: 2026-07-15 · Claude Code 2.x (agent harness)

Installer

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-skjerms sokratisk React-undervisningsartefakt fra '/aha [emne]' — designet for claude.ai's artefaktsandkasse, ikke Claude Code.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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

Full rapport →