Interactive Educator

Bouwt een 4-scherm Sokratisch React-artefact van '/aha [onderwerp]' — ontworpen voor claude.ai's artifact sandbox, niet Claude Code.

Door Wamikmk · Wamikmk/interactive-educator

Werkt met setup ★ 9.2/10

Interactive Educator — Bouwt een 4-scherm Sokratisch React-artefact van '/aha [onderwerp]' — ontworpen voor claude.ai's artifact sandbox, niet Claude Code.

Wat het doet

Voert een korte adaptieve profileringsfase uit (voorkennis, misconceptie, anker reële domein, visueel thema) en bouwt vervolgens een enkel-bestand React JSX artefact gestructureerd als Puzzle → Explore → Name → Challenge, beheerst door een gedetailleerde build specificatie die component architectuur, coördinatensystemen, theming en toegankelijkheidsregels omvat. Triggert op '/aha topic', '/3b1b topic', of expliciete interactieve-explainer verzoeken; triggert expliciet niet op passieve 'leg X uit' of statische document verzoeken.

Testrapport

De build specificatie is werkelijk rigoureus (verbiedt geneste component remounts, vereist pointer-events voor mobiele drag, kleurbind-veilige theming, een plafond van 500 SVG-elementen prestaties, en een pre-flight checklist) en verslaat duidelijk een baseline uitleg in structuur, maar het roept claude.ai-only tools aan (ask_user_input_v0, present_files) en schrijft naar /mnt/user-data/outputs/, die geen van beide bestaan in Claude Code — dus wanneer geïnstalleerd via git clone in ~/.claude/skills gebeurt de beloofde inline React-artefact rendering niet en moet het .jsx extern worden bekeken (bijv. geplakt in claude.ai of een lokale sandbox).

Getest op: 2026-07-15 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/Wamikmk/interactive-educator.git
mkdir -p ~/.claude/skills
cp -r interactive-educator/skill ~/.claude/skills/interactive-educator

Commando's en voorbeeldprompts

/interactive-educatorBouwt een 4-scherm Sokratisch React-artefact van '/aha [onderwerp]' — ontworpen voor claude.ai's artifact sandbox, niet Claude Code.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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

Volledig rapport (Engels) →