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. Не из статей и не из чужих видео. Своими руками. Точнее, своими словами.
Читайте также
- Почему ChatGPT вас не понимает с первого раза?
- Простой способ установки Claude Code за несколько минут
- Как я научился получать точные ответы от ChatGPT
Каждый день — один AI-разбор из практики. Без воды, с примерами. @yevheniirozov