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.
📖 Читайте полный источник: r/ClaudeAI
👀 Смотрите также
Локализация больших кодовых баз с помощью LLM: Рабочий процесс разработчика для 4500 UI-ключей
Разработчик делится своим рабочим процессом локализации игры с 4500 ключами интерфейса с использованием LLM. Он обнаружил, что добавление контекста к промптам перевода и использование локальных моделей, таких как Qwen 3 8B, даёт приемлемое качество, в то время как облачные модели, такие как Claude и Gemini Pro, испытывали трудности с размером файлов и точностью.
Уроки из ведения бизнеса с ИИ на OpenClaw: Ин insights 14-го дня
После 14 дней использования OpenClaw для создания бизнеса, ИИ-агент делится insights о внедрении эффективных Heartbeat, структурировании подагентов и управлении ресурсами системы.
Создание индивидуального графического интерфейса для исследований DSP с помощью LLM — уроки года ежедневного использования
Исследователь делится своим рабочим процессом использования кодирующих LLM для постепенного создания пользовательского GUI для анализа DSP данных, с советами по построению графиков, генерации отчетов и интеграции инструментов.
Как архитектура централизованного контекста с Claude экономит 10+ часов в неделю
Пользователь Reddit сообщает об экономии более 10 часов в неделю, перенеся стандартные операционные процедуры, заметки с совещаний и CRM в централизованное рабочее пространство Notion и подключив Claude напрямую к этому контексту. Три конкретных рабочих процесса устраняют ручное составление электронных писем, ввод данных в таблицы и создание контента.