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

✍️ OpenClawRadar📅 Publié: July 5, 2026🔗 Source
Claude Artifacts + React : Un enseignant crée un mini-golf pour des leçons d'angles en 20 minutes
Ad

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.
Ad

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.

📖 Lire la source complète : r/ClaudeAI

Ad

👀 See Also

Utiliser OpenClaw comme système de surveillance financière et de gestion documentaire
Use Cases

Utiliser OpenClaw comme système de surveillance financière et de gestion documentaire

Un utilisateur a configuré OpenClaw avec un accès API en lecture seule à sa banque pour surveiller les transactions, générer des rapports, suivre les flux de trésorerie et gérer le suivi des abonnements. La configuration inclut également la collecte automatisée de factures via WhatsApp et l'organisation des documents dans Google Drive et Excel.

OpenClawRadar
Agents IA Claude Simulateur de Construction, Optimiser l'Algorithme de Jeu pour Dépasser le Score Humain
Use Cases

Agents IA Claude Simulateur de Construction, Optimiser l'Algorithme de Jeu pour Dépasser le Score Humain

Un développeur a testé des agents d'IA Claude sur le jeu de programmation The Farmer Was Replaced en leur faisant construire un simulateur Python du jeu, puis en développant itérativement un algorithme de récolte de tournesols. L'IA a atteint un temps de 5:21, battant le record personnel du développeur et atteignant le rang 30 du classement mondial.

OpenClawRadar
Utiliser Claude pour Rooter un Aspirateur Robot Trifo Lucy et Construire un Serveur en Réseau Local
Use Cases

Utiliser Claude pour Rooter un Aspirateur Robot Trifo Lucy et Construire un Serveur en Réseau Local

Un développeur a utilisé Claude pour obtenir un accès root à un robot aspirateur Trifo Lucy après la panne des serveurs du fabricant, impliquant le soudage de broches d'en-tête et un minutage de démarrage précis. Claude a ensuite aidé à créer un serveur pour fournir un contrôle de base aux appareils non rootés sur les réseaux locaux.

OpenClawRadar
Fractionner les agents d'IA pour éviter la perte de contexte
Use Cases

Fractionner les agents d'IA pour éviter la perte de contexte

Un développeur décrit la division d'un seul agent d'IA en trois agents spécialisés dotés de mémoires et d'espaces de travail distincts pour éviter les problèmes de fenêtre de contexte. Les agents communiquent via un simple système de boîte aux lettres pour coordonner des tâches comme la planification de voyage.

OpenClawRadar