Interactive Educator

Bygger en 4-skärms Sokratisk React-undervisningsartefakt från '/aha [topic]' – designad för claude.ai's artifact sandbox, inte Claude Code.

av Wamikmk · Wamikmk/interactive-educator

Fungerar med konfiguration ★ 9.2/10

Interactive Educator — Bygger en 4-skärms Sokratisk React-undervisningsartefakt från '/aha [topic]' – designad för claude.ai's artifact sandbox, inte Claude Code.

Vad den gör

Kör en kort adaptiv profileringsfas (förkunskaper, missuppfattning, ankare verklig domän, visuellt tema) och bygger sedan en enskild React JSX-artefakt strukturerad som Puzzle → Explore → Name → Challenge, styrd av en detaljerad byggspecifikation som täcker komponentarkitektur, koordinatsystem, teman och tillgänglighetsregler. Utlöses vid '/aha topic', '/3b1b topic', eller explicita interaktiva förklaringsförfrågningar; utlöses explicit inte vid passiva 'explain X' eller statiska dokumentförfrågningar.

Testrapport

Byggspecifikationen är genuint rigorös (förbjuder kapslade komponent-remounts, kräver pointer-events för mobil dragning, färgblindssäker tematisering, ett prestandatak på 500 SVG-element och en pre-flight-checklista) och överträffar tydligt en baslinjeförklaring i struktur, men den anropar endast claude.ai-verktyg (ask_user_input_v0, present_files) och skriver till /mnt/user-data/outputs/, varav inget existerar i Claude Code – så när den installeras via git clone i ~/.claude/skills sker inte den utlovade inbyggda React-artefaktåtergivningen och .jsx måste ses externt (t.ex. klistras in i claude.ai eller en lokal sandbox).

Testad: 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

Kommandon och exempelprompter

/interactive-educatorBygger en 4-skärms Sokratisk React-undervisningsartefakt från '/aha [topic]' – designad för claude.ai's artifact sandbox, inte Claude Code.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →