Interactive Educator

Construit un artefact d'enseignement Socratique React à 4 écrans à partir de '/aha [sujet]' — conçu pour le bac à sable d'artefacts de claude.ai, pas pour Claude Code.

par Wamikmk · Wamikmk/interactive-educator

Fonctionne avec configuration ★ 9.2/10

Interactive Educator — Construit un artefact d'enseignement Socratique React à 4 écrans à partir de '/aha [sujet]' — conçu pour le bac à sable d'artefacts de claude.ai, pas pour Claude Code.

Ce que fait

Exécute une courte phase de profilage adaptatif (connaissances préalables, idées fausses, domaine du monde réel d'ancrage, thème visuel) puis construit un artefact React JSX d'un seul fichier structuré comme Puzzle → Explorer → Nommer → Défi, régi par une spécification de construction détaillée couvrant l'architecture des composants, les systèmes de coordonnées, les règles de thémisation et d'accessibilité. Se déclenche sur '/aha sujet', '/3b1b sujet', ou des demandes explicites d'explorateur interactif ; ne se déclenche explicitement pas sur les demandes passives 'expliquer X' ou de documents statiques.

Rapport de test

La spécification de construction est véritablement rigoureuse (interdit les remontages de composants imbriqués, impose les événements de pointeur pour le glisser-déposer mobile, la thémisation sans danger pour les daltoniens, un plafond de performance de 500 éléments SVG, et une checklist de pré-vol) et surpasse clairement une explication de base en structure, mais elle appelle des outils exclusifs à claude.ai (ask_user_input_v0, present_files) et écrit dans /mnt/user-data/outputs/, aucun de ces éléments n'existe dans Claude Code — donc lorsqu'il est installé via git clone dans ~/.claude/skills, le rendu d'artefact React en ligne promis ne se produit pas et le .jsx doit être visualisé en externe (par exemple, collé dans claude.ai ou un bac à sable local).

Testé le: 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

Commandes et exemples de prompts

/interactive-educatorConstruit un artefact d'enseignement Socratique React à 4 écrans à partir de '/aha [sujet]' — conçu pour le bac à sable d'artefacts de claude.ai, pas pour Claude Code.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →