Claude Artifacts + React: Учитель создает мини-гольф для уроков геометрии за 20 минут

Учитель (u/cram213) использовал Claude для быстрого создания мини-гольфа, обучающего углам, обойдя школьные ограничения путем экспорта из Artifacts в чистый HTML. Весь процесс — от голосового ввода на телефоне до опубликованной веб-игры — занял около 20 минут.

Рабочий процесс

• Первичная сборка: Используя функцию Artifact от Claude с React, учитель создал играбельную игру в мини-гольф для наглядной демонстрации углов. В школе используется Gemini, поэтому опубликованные URL Artifacts были недоступны.
• Обходное решение: Учитель попросил Claude преобразовать Artifact в отдельный HTML-файл, затем разместил его на личном сайте (constraintlayer.ai/educational-engines/golf.html).
• Итерация: Процесс включал разговор с телефоном для запросов, затем обратную связь для Claude после тестирования игры в предпросмотре Artifact.
• Расширение для учеников: После игры ученики нарисовали свои собственные поля на бумаге. Учитель загрузил каждый рисунок в Claude, и примерно через минуту класс мог играть на своих собственных полях.

Ключевой технический вывод

Учитель подчеркивает важность системного мышления: описать проблему, предусмотреть крайние случаи («глупые вещи, которые могут сделать ученики») и выбрать правильный формат вывода с учетом ограничений развертывания. Artifacts с React отлично подходят для прототипирования, но экспорт в простой HTML (без внешних зависимостей) гарантирует работу в любой школьной сети — не нужен ни Gemini, ни URL Artifact от Claude.