ТЗ готово. Теперь его нужно не складывать в заметки, а вставить в нейросеть и попросить первый прототип. Не ждите готовый продукт с первого ответа. На этом этапе нужен черновик: один HTML-файл, который можно открыть в браузере, посмотреть, проверить и доработать.
Скопируйте ТЗ целиком
Копируйте весь результат из генератора: название мини-сервиса, задачу, поля, логику, ограничения, проверку и промт в конце.
Не отправляйте в нейросеть один короткий кусок. Без полного ТЗ она начнёт додумывать задачу и может выдать не то, что нужно.
Откройте нейросеть
После генерации нажмите кнопку перехода в нейросеть. Откроется сервис, где нужно зарегистрировать и где бесплатно можно протестировать готовое ТЗ и получить первый ответ.
На этом шаге не нужно разбираться в коде. Нужно просто передать нейросети задачу нормальным языком.
Вставьте ТЗ в чат
Вставьте скопированный текст целиком. В конце ТЗ уже добавлена команда:
Сделай первый простой прототип по этому ТЗ в одном HTML-файле. Сначала верни код целиком, затем кратко объясни, как открыть файл в браузере и что проверить.
Эта фраза нужна для того, чтобы нейросеть не ушла в общие советы, план разработки или разговоры о будущем проекте. Она должна вернуть конкретный HTML-код.
Попросите один HTML-файл
Для первого раза лучше просить именно один HTML-файл. Так проще проверить результат: код можно сохранить на компьютере, открыть в браузере и посмотреть, что получилось.
Не начинайте с большого сайта, личного кабинета, базы данных, оплаты, регистрации и сложной логики. Первый прототип должен показать идею, а не закрыть весь проект.
Проверьте результат
После ответа нейросети проверьте простые вещи:
- открывается ли файл в браузере;
- понятно ли, что делает мини-сервис;
- работают ли кнопки и поля;
- правильно ли считается результат;
- нормально ли всё выглядит на телефоне;
- нет ли лишних данных, чужих названий и странного текста.
Первый вариант почти всегда требует правок. Это нормально.
Если нейросеть выдала не то
Не начинайте заново. Напишите, что именно не получилось.
Можно использовать такой текст:
Исправь результат по этому ТЗ. Проблема: [напишите, что не работает]. Верни полный исправленный HTML-файл целиком и кратко объясни, что было изменено.
Примеры проблем:
- файл не открывается;
- кнопка не работает;
- форма ничего не считает;
- результат непонятный;
- нейросеть добавила лишние блоки;
- прототип не похож на задачу из ТЗ.
Что делать после проверки
Если прототип получился понятным, можно двигаться дальше: попросить нейросеть улучшить внешний вид, сократить текст, добавить подсказки, поправить расчёт или подготовить версию для страницы сайта.
Если идея оказалась слабой, это тоже результат. Лучше проверить её на черновике, чем сразу тратить время на большой проект.
Начните с простой задачи: калькулятор, форма-бриф, мини-опрос, генератор текста или помощник выбора.