Vibe coding: я написал приложение, не зная ни строчки кода

#ai

Photo: Daniil Komov / Pexels

В субботу вечером я сел за ноутбук, открыл Cursor и написал: «Сделай мне трекер привычек с графиками прогресса, тёмной темой и экспортом в CSV». Через 2 часа 40 минут у меня было работающее веб-приложение. Я не написал ни одной строчки кода руками. Вообще ни одной.

TL;DR: Vibe coding позволяет собирать работающие приложения на естественном языке, и в этой статье я покажу, как именно это делать, какие инструменты брать и где этот подход рассыпается в труху.

Что такое vibe coding и почему все вдруг заговорили об этом

В феврале 2025 года Андрей Карпати, бывший директор по AI в Tesla, написал пост, который разл��телся по всему интернету. Он описал новый способ программирования: ты говоришь ИИ, что хочешь получить, а он пишет код. Ты не читаешь этот код. Не редактируешь. Просто принимаешь результат и двигаешься дальше. Карпати назвал это vibe coding.

Звучит как лень. На самом деле, это сдвиг.

Раньше ИИ-помощники вроде Copilot подсказывали строчки кода. Ты всё равно должен был понимать, что происходит. Читать каждую функцию. Ловить баги глазами. По сути, ты оставался программистом, просто с быстрым автодополнением.

Vibe coding работает иначе. Ты описываешь задачу словами. ИИ генерирует весь проект целиком: файлы, структуру, зависимости, стили. Ты запускаешь, смотришь результат и говоришь: «кнопка не работает» или «сделай шрифт крупнее». Без единого взгляда в код.

Почему это стало возможным именно сейчас? Потому что Claude Sonnet, GPT-4o и агентные среды вроде Cursor дотянулись до уровня, когда они могут держать в голове контекст целого проекта. Не одного файла, а десятков файлов одновременно. Это качественный скачок, который случился буквально за последний год.

От идеи до работающего приложения за один вечер

Расскажу, как выглядел мой вечер с трекером привычек.

Я открыл Cursor, создал пустую папку и написал промпт на 6 строк. Описал, что хочу: React-приложение, список привычек, возможность отмечать выполнение по дням, график прогресса за месяц, тёмная тема по умолчанию. Нажал Enter.

Через 40 секунд в папке появилось 12 файлов. Компоненты, стили, конфиг. Я запустил npm start и увидел рабочий интерфейс. Кривоватый, но р��бочий.

Дальше начались итерации. Я писал обычным языком:

«График обрезается на мобильном экране, исправь»
«Добавь кнопку экспорта данных в CSV»
«Цвета графика слишком блёклые, сделай ярче»
«При нажатии на привычку ничего не происходит, почини»

Каждый запрос занимал 20-60 секунд на генерацию. Я тестировал визуально: работает или нет. За 2 часа 40 минут прошёл примерно 30 итераций. Результат выглядел как нормальный MVP, который не стыдно показать.

Самое странное ощущение: я «программировал» три часа и ни разу не открыл файл с кодом. Просто разговаривал с редактором.

Если тебе полезно - я каждый день выкладываю такие разборы в @yevheniirozov. Но дальше - самая мясная часть.

Какие инструменты брать прямо сейчас

Инструмент��в много, но реально рабочих для vibe coding в 2025 году я насчитал шесть. Каждый закрывает свою нишу.

Cursor стал моим основным инструментом. Это VS Code на стероидах: встроенный ИИ-агент читает весь проект, правит несколько файлов за раз, запускает команды в терминале. Подписка стоит $20 в месяц. Для серьёзных проектов с множеством файлов я не нашёл ничего лучше.

Lovable и Bolt.new работают прямо в браузере. Не нужно ставить Node.js, не нужно разбираться с терминалом. Пишешь «сделай лендинг для кофейни с формой бронирования», получаешь готовую страницу за минуту. Идеально для людей, которые вообще никогда не открывали редактор кода.

v0.dev от Vercel заточен под интерфейсы. Описываешь компонент словами, получаешь готовый React-код с Tailwind CSS. Я использую его, когда ��ужно быстро набросать UI и потом перенести в основной проект.

Claude Code работает через терминал и подходит для тех, кто хочет больше контроля. Он не прячет код за красивым интерфейсом. Зато умеет работать с большими кодовыми базами и выполнять сложные рефакторинги.

Replit Agent хорош для полного цикла: написал задачу, получил приложение, задеплоил на хостинг. Всё в одном окне браузера. Для прототипов и хакатонов это магия.

Мой совет: начни с Lovable или Bolt.new, если никогда не кодил. Перейди на Cursor, когда захочешь больше гибкости.

Где vibe coding ломается (и это важнее, чем где он работает)

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

Первые два часа шли отлично. Базовый интерфейс, таблицы, формы. А потом всё начало сыпаться.

Я попросил добавить фильтрацию сделок по нескольким параметрам одновременно. ИИ сгенерировал код, который выглядел рабочим. Но при определённой комбинации фильтров приложение падало. Я написал: «исправь баг с фильтрами». ИИ исправил. И сломал пагинацию. Я починил пагинацию. Сломалась сортировка.

Это и есть проблема хрупкого кода. ИИ не понимает архитектуру. Он генерирует решения, которые работают прямо сейчас, но не связаны между собой логически. Каждое исправление потенциально ломает что-то в другом месте. В простом приложении на 10 файлов это терпимо. В проекте на 50 файлов начинается хаос.

Вот мой честный список после двух месяцев экспериментов.

Vibe coding отлично работает для:

Прототипов и MVP, которые нужны завтра
Лендингов и промо-страниц
Внутренних тулзов (дашборды, простые админки)
Автоматизации рутины (скрипты для обработки файлов, парсеры)
Простых CRUD-приложений

Vibe coding буксует на:

Сложной бизнес-логике с множеством связанных правил
Безопасности (аутентификация, шифрование, работа с платежами)
Масштабируемых системах, где важна архитектура
Отладке неочевидных багов, которые проявляются только при определённых условиях

Контринтуитивный вывод, к которому я пришёл: vibe coding делает тебя быстрее на простых задачах, но медленнее на сложных. Потому что время, которое ты экономишь на написании кода, ты тратишь на бесконечные итерации «п��чини это, нет, верни как было, нет, сделай по-другому».

Золотое правило, которое я вывел для себя: если задачу можно описать в 10 предложениях и результат можно проверить глазами за 5 секунд, vibe coding идеален. Если для описания нужна страница текста, а для проверки нужно прогнать 20 тестовых сценариев, лучше писать код руками. Или хотя бы читать то, что сгенерировал ИИ.

Что сделать прямо сейчас за 10 минут

Открой bolt.new в браузере
Напиши: «Сделай персональный дашборд с погодой, списком задач и таймером Помодоро»
Подожди минуту, пока сгенерируется приложение
Попроси изменить три вещи: цвет, расположение блоков, размер шрифта
Посмотри, как ИИ вносит правки в реальном времени

Весь процесс займёт 10 минут. После этого ты на собственном опыте поймёшь, что такое vibe coding. Не из статей и не из чужих видео. Своими руками. Точнее, своими словами.