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
👀 Смотрите также
Использование Claude для автоматизации обновления метаданных App Store Connect на 33 языках
Независимый iOS-разработчик использовал Claude (через чат) для создания Python-скрипта, который аутентифицируется с API App Store Connect, переводит метаданные на 33 языка и отправляет локализованный текст "Что нового" — заменяя часы ручной работы при каждом обновлении.
Портирование Quake в Three.js с помощью Claude Code: Рабочий процесс и ограничения
Разработчик использовал Claude Code для портирования исходного кода Quake на JavaScript и Three.js, создав веб-версию игры. Проект потребовал значительной работы с промптами и выявил трудности Claude с портированием кода мультиплеерного сервера на Deno+WebTransport.
Прямое мобильное документирование в OpenClaw: Рабочий процесс передачи данных о здоровье с iOS на Raspberry Pi
Разработчик делится архитектурой для прямой отправки документов с мобильного клиента iOS на локальный экземпляр OpenClaw на Raspberry Pi, используя QR-сопряжение и выделенные конечные точки для обработки медицинских записей.
Проблемы с настройкой данных пользователя OpenClaw и отказ от использования после перехода на Mac
Разработчик, перешедший с Windows на macOS, столкнулся со значительными трудностями при установке и настройке OpenClaw, включая настройку окружения, проблемы с конфигурацией каналов Telegram и iMessage, а также неожиданными расходами на API моделей ИИ. Несмотря на то, что базовая функциональность заработала, практические сценарии использования, такие как автоматизированный обзор новостей и координация нескольких ботов в Feishu, оказались ненадежными, что привело к отказу от проекта.