Лендинг с нуля в терминале Warp и GPT-5. Как составить промпт для агента

В ролике ИИ-агент в терминале Warp на модели GPT-5 за один большой промпт собирает мини-сайт про курсы: Vite, React, TypeScript, анимации, форма с проверкой email и тесты. Главное здесь не сам сайт, а то, как составлен промпт и что нужно проверить до публикации.

Как не надо писать промпт

Запрос «сделай красивый сайт про мой курс» слишком неконкретен: результат непредсказуем, а код кривой. Рабочий промпт сужает экспертизу роли и называет проверяемые условия.

Структура промпта

В ролике промпт был заметно крупнее: его заранее подготовили в ChatGPT по структуре из моего курса. Выше та же логика в сокращённом виде. В описании к ролику я обещал шаблон и PDF с 50 универсальными промптами в Telegram-канале.

Настройка Warp

1. Скачайте и установите Warp

   Версии есть для macOS, Windows и Linux. При первом входе потребуется регистрация (Google или почта).

2. Откройте Settings, раздел AI

   Найдите блок применения изменений кода и поставьте Always allow на чтение файлов (Read files) и выполнение команд (Execute commands). Список команд можно дополнять и сокращать.

3. Проверьте лимит запросов

   На 26.08.2025 на бесплатном аккаунте 150 запросов в месяц. Для проекта из ролика этого более чем достаточно.

4. Перейдите в папку проекта

   Внизу поле ввода, по терминалу можно перемещаться по директориям. Создайте пустую папку заранее.

5. Выберите модель GPT-5 с высоким уровнем рассуждения

   Она думает долго, но по моему опыту даёт гораздо более качественные ответы и тратит меньше запросов: сразу создаёт проект целиком.

6. Вставьте промпт и включите авторежим

   Агент сам принимает решения. Теперь остаётся ждать.

Что получилось

Агент выполнил все задачи, по ходу объясняя, что и зачем делает. Процесс шёл долго, но на всё ушло около трёх-четырёх запросов. В результате: рабочая шапка, скачивание PDF, анимации, блоки с вопросами и ответами, форма с проверкой email (некорректный адрес не пройдёт), демо-отправка. Адаптивность проверена на размере iPhone SE: листается, всё на месте. Для одного запроса считаю результат отличным. Если хочется дополнить, например анимацией блоков, об этом просят отдельным запросом.

После сборки агент выдал ответ в запрошенном формате: план, список файлов и пояснение к каждому.

Что проверить до публикации

• 01Прочитайте код

  Агент ускоряет работу в разы, возможно, в десятки раз, но качество кода от этого не растёт.

• 02Покройте тестами

  Качество это структурированный промпт, читаемый код и тесты, которыми вы всё покрыли.

• 03Проверьте зависимости

  Лишние библиотеки и баги заметны только при чтении.

Для MVP вайб-кодинг подходит быстро и дёшево. Если проект выходит к пользователям (деплой), код нужно проверить полностью. Для более сложного пути с ИИ-кодингом посмотрите пять уровней ИИ-кодинга.

Главы ролика

11 глав, весь ролик 10 минут. Нажмите на главу, и ролик начнётся с неё

1. 0:00Вступление, агент в терминале Warp и GPT-5меньше минуты
2. 0:44Риски вайб-кодингаменьше минуты
3. 1:30Как не надо писать промптменьше минуты
4. 1:44Структура промпта, роль, контекст, задача, стек1 минута
5. 2:53Установка Warpменьше минуты
6. 3:29Настройки ИИ, разрешения агентуменьше минуты
7. 3:55Лимит запросов и выбор GPT-5меньше минуты
8. 4:40Вставка структурного промпта и авторежим1 минута
9. 5:59Результат, сайт, анимации, формаменьше минуты
10. 6:50Проверка адаптивностименьше минуты
11. 7:26Выводы, что проверять перед публикацией2 минуты

Не открывается плеер? Смотреть на YouTube