Claude Artifacts + React : Un enseignant crée un mini-golf pour des leçons d'angles en 20 minutes

Un enseignant (u/cram213) a utilisé Claude pour développer rapidement un jeu de mini-golf qui enseigne les angles, contournant les restrictions scolaires en exportant les Artifacts vers du HTML brut. L'ensemble du processus — de la commande vocale sur un téléphone à la publication d'un jeu web — a pris environ 20 minutes.

Processus

• Construction initiale : À l'aide de la fonctionnalité Artifact de Claude avec React, l'enseignant a créé un jeu de mini-golf jouable pour démontrer visuellement les angles. L'école utilise Gemini, donc les URLs des Artifacts publiés étaient inaccessibles.
• Solution de contournement : L'enseignant a demandé à Claude de convertir l'Artifact en un fichier HTML autonome, puis l'a hébergé sur un site personnel (constraintlayer.ai/educational-engines/golf.html).
• Itération : Le processus a consisté à parler au téléphone pour les commandes, puis à donner un retour à Claude après avoir testé le jeu dans l'aperçu de l'Artifact.
• Extension pour les élèves : Après avoir joué, les élèves ont dessiné leurs propres parcours sur papier. L'enseignant a téléversé chaque dessin dans Claude, et en environ une minute, la classe a pu jouer sur leurs parcours personnalisés.

Point technique clé

L'enseignant insiste sur l'importance de penser comme un ingénieur système : décrire le problème, prévoir les cas limites (« les bêtises que les élèves pourraient faire ») et choisir le bon format de sortie en fonction de vos contraintes de déploiement. Les Artifacts avec React sont parfaits pour le prototypage, mais l'exportation en HTML simple (sans dépendances externes) garantit un fonctionnement sur n'importe quel réseau scolaire — pas besoin de Gemini, ni d'URL d'Artifact Claude.