Конструктор, редактор или агент
Урок 2 из 26 курса «Вайбкодинг: курс с нуля». Бесплатно, с анимациями и тестом.
Три вида ИИ-инструментов
ИИ-инструменты для кода бывают трёх видов. Конструктор: описал словами и получил готовый сайт прямо в браузере. Редактор с ИИ: ты видишь файлы проекта, а ИИ правит их рядом с тобой. Агент: получает задачу и сам меняет файлы и запускает команды. Стрелка внизу картинки: чем правее, тем больше контроля, но и знаний нужно больше.
Конструктор: быстрый старт
Конструктор работает прямо в браузере: Lovable, Bolt, v0, Replit. Пишешь «сайт для моего кавер-бэнда с афишей концертов», и через пару минут видишь живую страницу. Это самый быстрый старт, и ничего не надо устанавливать. Минус: меньше контроля, сложно точно поправить мелочь или понять, что внутри. Идеально для прототипа, то есть черновой версии, и для лендинга.
Редактор с ИИ: середина
Редактор кода: программа, где весь проект открыт в виде файлов и папок. Например, Cursor, Windsurf или VS Code с Copilot. ИИ сидит в боковой панели: предлагает правки, дописывает строки, объясняет непонятный кусок. Ты видишь каждое изменение и сам решаешь, принять его или нет. Контроля больше, чем в конструкторе, а начать проще, чем с агентом.
Агент: делает работу сам
Агент: ИИ, который не просто советует, а действует сам. Claude Code, Codex, Gemini CLI работают в терминале, окне, где команды пишут текстом. Даёшь задачу «добавь тёмную тему», агент читает проект, меняет десяток файлов и запускает проверки. Это максимум силы. Но без понимания Git, программы для сохранения версий, и без проверки результата легко потерять рабочую версию.
С чего начать
Рабочий маршрут: первый прототип собери в конструкторе. Когда он понравился, перенеси код на GitHub, сайт, где хранится копия проекта в облаке. У многих конструкторов для этого есть кнопка экспорта. Дальше продолжай в редакторе или с агентом. Частая ошибка: каждый день прыгать на новый модный инструмент. Лучше один проект до конца, чем пять брошенных.
Проверь себя
- Хочешь за вечер собрать первый прототип лендинга. Что взять?
Правильный ответ: Конструктор в браузере. Конструктор быстрее всех даёт живую страницу, и ничего не надо ставить. Контроль и агент понадобятся позже. - Чем агент отличается от редактора с ИИ?
Правильный ответ: Сам меняет много файлов и запускает команды. Редактор предлагает правки рядом с тобой. Агент получает задачу и действует сам, поэтому его работу важно проверять. - Что чаще всего мешает дойти до готового проекта?
Правильный ответ: Каждый день менять инструмент. Каждый новый инструмент: новый старт с нуля. Один проект, доведённый до конца, учит больше, чем пять начатых.