Claude Artifacts + React: Lehrer baut Minigolf-Spiel für Geometrieunterricht in 20 Minuten

Ein Lehrer (u/cram213) nutzte Claude, um schnell ein Minigolf-Spiel zu entwickeln, das Winkel veranschaulicht. Dabei umging er Schulbeschränkungen, indem er die Artifacts in reines HTML exportierte. Der gesamte Arbeitsablauf – von der Spracheingabe am Telefon bis zum veröffentlichten Web-Spiel – dauerte etwa 20 Minuten.

Arbeitsablauf

• Erster Bau: Mit Claudes Artifact-Funktion und React erstellte der Lehrer ein spielbares Minigolf-Spiel zur visuellen Darstellung von Winkeln. Die Schule verwendet Gemini, daher waren die veröffentlichten Artifact-URLs nicht zugänglich.
• Export als Workaround: Der Lehrer bat Claude, das Artifact in eine eigenständige HTML-Datei umzuwandeln, und hostete sie dann auf einer persönlichen Website (constraintlayer.ai/educational-engines/golf.html).
• Iteration: Der Prozess bestand darin, mit dem Telefon zu sprechen, um Anweisungen zu geben, und dann Claude nach dem Testen des Spiels in der Artifact-Vorschau Feedback zu geben.
• Schülererweiterung: Nach dem Spielen zeichneten die Schüler eigene Bahnentwürfe auf Papier. Der Lehrer lud jede Zeichnung in Claude hoch, und innerhalb von etwa einer Minute konnte die Klasse ihre individuellen Bahnen spielen.

Wichtige technische Erkenntnis

Der Lehrer betont, wie ein Systemingenieur zu denken: das Problem beschreiben, Randfälle einplanen („dumme Dinge, die Schüler tun könnten“) und das richtige Ausgabeformat für die eigenen Einsatzbeschränkungen wählen. Artifacts mit React eignen sich hervorragend für Prototypen, aber der Export in reines HTML (ohne externe Abhängigkeiten) stellt sicher, dass es in jedem Schulnetzwerk funktioniert – ohne Gemini, ohne Claude-Artifact-URL.