Interactive Educator

Builds a 4-screen Socratic React teaching artifact from '/aha [topic]' — designed for claude.ai's artifact sandbox, not Claude Code.

Works with setup

Test report

Verdict
Works with setup
Score
9.2/10
Tested
Jul 15, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Aug 10, 2026 · 8da3e7a

The build spec is genuinely rigorous (bans nested-component remounts, mandates pointer-events for mobile drag, colorblind-safe theming, a 500-SVG-element performance ceiling, and a pre-flight checklist) and clearly beats a baseline explanation in structure, but it calls claude.ai-only tools (ask_user_input_v0, present_files) and writes to /mnt/user-data/outputs/, none of which exist in Claude Code — so when installed via git clone into ~/.claude/skills the promised inline React-artifact rendering does not happen and the .jsx has to be viewed externally (e.g. pasted into claude.ai or a local sandbox).

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 9/10
  • Docs & honesty 4/5

What Interactive Educator does

Runs a short adaptive profiling phase (prior knowledge, misconception, anchor real-world domain, visual theme) then builds a single-file React JSX artifact structured as Puzzle → Explore → Name → Challenge, governed by a detailed build spec covering component architecture, coordinate systems, theming and accessibility rules. Triggers on '/aha topic', '/3b1b topic', or explicit interactive-explainer requests; explicitly does not trigger on passive 'explain X' or static-document requests.

How to install Interactive Educator

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

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger Interactive Educator

  • /interactive-educator Builds a 4-screen Socratic React teaching artifact from '/aha [topic]' — designed for claude.ai's artifact sandbox, not Claude Code.

It also activates on plain-language prompts like these:

  • 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

Frequently asked questions

Is the Interactive Educator skill free?
Yes. The skill itself is free from Wamikmk/interactive-educator. SkillProof publishes the install command and an independent test verdict at no cost.
Does Interactive Educator work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 15, 2026. Verdict: Works with setup. The build spec is genuinely rigorous (bans nested-component remounts, mandates pointer-events for mobile drag, colorblind-safe theming, a 500-SVG-element performance ceiling, and a pre-flight checklist) and clearly beats a baseline explanation in structure, but it calls claude.ai-only tools (ask_user_input_v0, present_files) and writes to /mnt/user-data/outputs/, none of which exist in Claude Code — so when installed via git clone into ~/.claude/skills the promised inline React-artifact rendering does not happen and the .jsx has to be viewed externally (e.g. pasted into claude.ai or a local sandbox).
What is the Interactive Educator SkillProof Score?
9.2/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 4/5.
How do I install Interactive Educator?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Interactive Educator with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.