Это не магия и не кнопка «сделай всё за меня». Это способ собирать интересные, сложные образовательные продукты через диалог с ИИ, где ты описываешь логику, а ИИ пишет код.
Сначала архитектура, потом код: не проси «сделай интерактив», а сначала пропиши архитектуру (логику, механику) — как это будет работать.
Контекст решает: чем больше, чётче и подробнее ты даёшь модели ограничения, примеры, ошибки и желаемый результат, тем точнее и круче будет выход.
Тестируй после каждого шага: маленькие итерации и постоянная проверка спасают от кошмара на финале.
Что мы делаем и для кого. Только суть.
Пусть сетка выдаст минимально рабочую версию — один файл с HTML/CSS/JS. Не проси сразу красивый дизайн. Главное — чтобы механика завелась.
Тестируй после каждого чиха, а не когда ИИ сгенерирует 3 экрана кода. Сломалось? Ищи ошибку и откатывайся назад.
Сетки слепые. Скриншоты косяков, красный текст из консоли браузера, твои жесткие ограничения — вот что заставляет их работать нормально.
Открой ChatGPT или любую другую модель, к которой привык.
Скопируй этот промпт:
ИИ выдаст блок кода. Жми Copy. Открывай Блокнот, вставляй туда всё это добро и сохраняй как drag-task.html.
Кликай дважды по файлу. Он откроется в браузере. Перетаскивается? Если нет — возвращайся в чат с ИИ и, уточняя контекст, пиши модели, что именно надо исправить.