Вайбкодинг с нуля: сайт или приложение с ИИ-агентом

Данные на 22.10.2026, 23:10 МСК · цены в ₽ за 1M токенов

Вайбкодинг сайта или приложения это когда код пишет ИИ-агент, а вы ставите задачу одной фразой о результате и проверяете его запуском. Нужны харнесс вроде Claude Code или Codex, ключ модели, папка проекта под git и способ увидеть результат: сначала локальный сервер, потом деплой по ссылке.

Конструктор или агент

Создать сайт нейросетью можно двумя способами. ИИ-конструктор сам собирает и публикует сайт на своей платформе: описали бизнес, получили страницу, код и хостинг остаются у конструктора. Агент пишет обычный код в вашей папке: проект лежит в git, его можно развивать, переносить на любой хостинг и дописывать любые функции.

Если нужна визитка без кода за вечер и развивать её не планируется, хватит конструктора. Если нужен свой продукт, который будет расти, нужен агент. Дальше на странице про второй путь.

Что нужно

• Харнесс. Claude Code или Codex, оба работают в терминале и сами правят файлы, запускают команды и тесты. Настройка: Claude Code из России, Codex из России.
• Ключ модели. Подходит ключ API-шлюза. AIShlyuz — один ключ ко всем моделям, подключение описано на странице как подключить.
• Git и терминал. Git нужен как точка сохранения: каждый рабочий шаг в коммит, неудачный откатывается.
• Папка проекта. Пустая папка, где агент создаст всю структуру сам.

Задача одной фразой

Задача это результат и признак готовности. Длинное ТЗ не нужно, агент сам разберётся со стеком и структурой.

• Сайт: «Сделай лендинг для студии ремонта: услуги, фото работ, форма заявки, которая шлёт письмо. Готово, когда страница открывается локально, на телефоне ничего не съезжает и тестовая заявка доходит».
• Приложение: «Сделай веб-приложение для учёта расходов с входом по почте. Готово, когда я добавляю расход, перезагружаю страницу и он на месте, и тесты проходят».

Если что-то важно (цвета, тексты, домен), допишите это одной строкой. Остальное правится по ходу.

Проверка запуском

Слово «готово» без запуска не принимаем.

• Агент поднимает локальный сервер, вы открываете адрес в браузере и сами кликаете по сценарию из задачи.
• Просите скриншот мобильной версии и тест на главный сценарий: форма отправляется, данные сохраняются.
• Проверяет не автор. Дайте результат другой модели или новому треду с задачей «найди, что не работает».

Сайт: от фразы до ссылки

1. Первая фраза: что за сайт и когда он готов. Агент создаёт проект и структуру страниц. 2. Запуск и просмотр. Открываете локально, записываете, что не так. 3. Правки короткими циклами: одна правка, запуск, коммит. 4. Тексты проверяете глазами. Агент может оставить заглушку или придумать цифру, которой у вас нет. 5. Деплой, когда главный сценарий работает.

Для многостраничного сайта всё то же самое: агент добавляет страницы и навигацию, вы проверяете переходы запуском.

Приложение: веб, Telegram-бот, мобильное

• Веб-приложение. Самый прямой путь: фронтенд, бэкенд и база в одном проекте, проверка в браузере.
• Telegram-бот. Агент пишет бота по документации Telegram Bot API, токен бота вы получаете сами у BotFather и кладёте в переменную окружения, не в код.
• Мобильное. Проще всего начать с веб-приложения, которое открывается на телефоне, или взять кроссплатформенный стек. Публикация в сторы идёт по правилам сторов, это отдельная история.

Деплой

Агент выкладывает проект на хостинг по документации хостинга: просите его прочитать инструкцию и выполнить шаги, а сами делаете только то, что требует вашего аккаунта. Доступность хостинга из России и способы оплаты проверяйте по его условиям. После деплоя повторите проверку уже по публичной ссылке.

Где дорого ошибиться

Короткие циклы и проверка запуском подходят почти всему. План и отдельная проверка нужны там, где ошибка дорогая:

• Деньги. Платежи, подписки, списания.
• Данные. Персональные данные пользователей, хранение паролей.
• Безопасность. Ключи и токены не должны попасть в код и в git. Спросите агента прямо, нет ли секретов в репозитории.
• Прод. Миграции базы и всё, что нельзя откатить.

Здесь ревью делает другая модель или специалист, а не агент, который писал код.

Сколько стоит

Платите за токены модели, которые тратит агент. Цены моделей на /modeli, расход под свою нагрузку в калькуляторе. Чем вайбкодить без денег, разобрано в статье вайбкодинг бесплатно.

Наш подход целиком в руководстве по вайбкодингу, практика с Claude Code в статье вайбкодинг с Claude Code, из чего состоит агент, в статье как создать ИИ-агента. Каталог агентов на /agents, инструменты для них в статье что такое MCP-сервер.

Частые вопросы